@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap");
/* line 4, ../scss/reset.scss */
* {
  font-family: "Space Mono", sans-serif;
  font-size: 20px;
  box-sizing: border-box;
}

/* line 10, ../scss/reset.scss */
body {
  margin: 0;
}

/* line 14, ../scss/reset.scss */
img {
  max-width: 100%;
}

/* line 18, ../scss/reset.scss */
h1,
h2,
h3,
h4,
p {
  margin: 0;
}

/* line 26, ../scss/reset.scss */
ul {
  margin: 0;
  padding: 0;
}

/* line 31, ../scss/reset.scss */
li {
  list-style: none;
}

/* line 35, ../scss/reset.scss */
button {
  border: 0;
  cursor: pointer;
  transition: 0.5s;
  padding: 0;
}

/* line 42, ../scss/reset.scss */
.attribution {
  display: block;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  background-image: url(https://avatars.githubusercontent.com/u/106533794?s=400&u=078510c3e3c9adc24bd5f2e8bccb69424a64c5a6&v=44);
  background-size: 100%;
  height: 4rem;
  width: 4rem;
  border-radius: 100%;
  z-index: 99;
}
/* line 54, ../scss/reset.scss */
.attribution p {
  visibility: hidden;
  position: fixed;
  bottom: 4.5rem;
  right: 5rem;
  width: 16rem;
  padding: 0.3rem 1rem;
  border-radius: 1rem 1rem 0;
  background-color: var(--dark-blue);
  font-size: .9rem;
  z-index: 999;
  box-shadow: 0 0 0.4rem var(--cyan);
  transform: rotateY(90deg);
  transform-origin: right;
  transition: 0.8s cubic-bezier(0.06, 0.8, 0.1, 1);
  color: #FFF;
}
/* line 72, ../scss/reset.scss */
.attribution a {
  color: cyan;
}
/* line 77, ../scss/reset.scss */
.attribution:hover p {
  visibility: visible;
  transform: rotateY(0);
  background-color: black;
}

/* line 85, ../scss/reset.scss */
a {
  text-decoration: none;
}