html, body {
  margin: 0;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 65ch;
  margin: 0 auto;
  font-size: 20px;
}

.bigbadtitle {
  font-size: 3rem;
  margin: 0;
}

.bigbadtitle + p {
  margin-top: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #000000;
    color: #ffffff;
  }
  a {
    color: #ffc65c;
  }
}
/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 40em) {
  .bigbadtitle {
    font-size: 4rem;
  }
}
/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {
  .bigbadtitle {
    font-size: 5rem;
  }
}
/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {
  .bigbadtitle {
    font-size: 6rem;
  }
}
/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {
  .bigbadtitle {
    font-size: 6.5rem;
  }
}

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