html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: hidden; /* Prevents scrolling */
}

body {
  background-color: #333333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body .header {
  background-color: white;
  position: fixed;
  top: 0;
  padding: 0.5em 1em;
  border-radius: 0 0 1em 1em;
  font-family: "Comfortaa", sans-serif;
  font-size: 1.5em;
  color: #D4AF37;
}
body .header a:link {
  color: #D4AF37;
  text-decoration: none;
}
body .header a:active {
  color: #B28228;
}
body .content {
  margin: 2em;
}
body p {
  color: #F5F5F5;
  font-family: "Merriweather", serif;
  font-size: 1.2em;
  line-height: 1.8em;
}
body .buumstream {
  font-family: "Comfortaa", sans-serif;
  color: #D4AF37;
  font-size: 2.5em;
  font-weight: 700;
  margin-top: -30px;
  transform: translateY(-50%);
}
body .message {
  font-family: "Merriweather", serif;
  color: #F5F5F5;
  text-align: center;
  font-size: 1em;
  padding: 0 10px;
  margin-top: 10px;
  transform: translateY(-50%);
}
body .footer {
  position: fixed;
  bottom: 0;
  font-family: "Comfortaa", sans-serif;
  color: #D4AF37;
  background-color: white;
  border-radius: 1em 1em 0 0;
}
body .footer ul {
  padding: 0 0.5em;
}
body .footer ul li {
  list-style-type: none;
  display: inline;
  padding: 0 0.2em;
}
body .footer ul li a:link, body .footer ul li a:visited {
  color: #D4AF37;
  text-decoration: none;
}
body .footer ul li a:active {
  color: #B28228;
}

@media (min-width: 768px) {
  body .buumstream {
    font-size: 4.5em;
    margin-top: -60px;
  }
  body .message {
    font-size: 1.6em;
    max-width: 600px;
    padding: 0;
  }
}

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