/* ------------ variables ------------ */
/* ------------ shantell ------------ */
/* --- importer font --- */
@font-face {
  font-display: swap;
  font-family: "Shantell Sans";
  src: url("../fonts/ShantellSans.woff2") format("woff2");
}
/* --- reset --- */
h1,
body {
  margin: 0;
}

/* --- style --- */
body {
  background-color: #1e1014;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.poem {
  max-width: 50ch;
  margin: auto;
  color: #1e1014;
  background-color: #ff7e96;
  padding: 2em;
  /* --- animation --- */
}
.poem--shantell {
  font-family: "Shantell Sans", sans-serif;
  font-size: 20px;
  line-height: 1.6;
}
.poem--shantell__container {
  text-align: right;
  margin-bottom: 5.65em;
}
.poem--shantell__container--alt {
  text-align: left;
}
.poem--shantell--title {
  font-size: 2em;
}
.poem--shantell--alt {
  font-size: 1.41em;
  display: inline-block;
  margin: 0;
}
.poem--shantell--title, .poem--shantell--alt {
  animation: shantell 0.5s infinite alternate;
  animation-timing-function: steps(3);
  transition: 0.5s;
}
.poem--shantell--title:hover, .poem--shantell--alt:hover {
  color: #ff2222;
  background-color: #1e1014;
  text-transform: uppercase;
  padding: 0 0.71em;
  animation: none;
  font-variation-settings: "SPAC" 100, "wght" 600;
}
.poem--shantell--credit {
  font-size: 0.71em;
}
@keyframes shantell {
  0% {
    font-variation-settings: "BNCE" 100, "INFM" 100, "SPAC" 100, "wght" 600;
  }
  100% {
    font-variation-settings: "BNCE" -100, "INFM" 0, "SPAC" 100, "wght" 600;
  }
}/*# sourceMappingURL=style.css.map */