@charset "UTF-8";
:root {
  --bg: 10, 30, 10;
  --fg: white;
  --em: 130, 255, 130;
}

html {
  overflow: hidden;
}

body {
  background: rgb(var(--bg));
  position: relative;
  height: 100vh;
  color: white;
  margin: 0 auto;
  font-family: sans-serif;
  font-size: large;
  text-align: center;
  overflow: hidden;
}
@media (min-device-width: 820px) {
  body {
    font-size: xx-large;
  }
}

#content {
  display: inline-block;
  text-align: left;
  background: radial-gradient(rgba(var(--bg), 0.7) 50%, rgba(var(--bg), 0) 75%);
  padding: 2em;
  margin-top: 20vh;
}
#content h1 {
  margin: 0;
}
#content p:first-of-type {
  margin-top: 0;
}
#content p:last-of-type {
  margin-bottom: 0;
}
#content em {
  font-style: normal;
  font-weight: bold;
  color: rgb(var(--em));
}

#money {
  position: absolute;
  top: -22rem;
  left: -25%;
  width: 150%;
  z-index: -1;
}
#money i {
  font-style: normal;
  font-size: 4rem;
  display: inline-block;
}
#money i:after {
  content: "💵";
}
#money i:nth-child(4n):after {
  content: "💰️";
}
#money i:nth-child(50n)::after {
  content: "💳";
}

@keyframes falling-left-1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-20rem, 100vh, 0) rotate(70deg);
    opacity: 0;
  }
}
@keyframes falling-left-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-20rem, 100vh, 0) rotate(30deg);
    opacity: 0;
  }
}
@keyframes falling-right-1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0);
  }
  100% {
    transform: translate3d(20rem, 100vh, 0) rotate(-70deg);
    opacity: 0;
  }
}
@keyframes falling-right-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0);
  }
  100% {
    transform: translate3d(20rem, 100vh, 0) rotate(-30deg);
    opacity: 0;
  }
}
/* Music embed */
iframe {
  border: 0;
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */