@font-face {
  font-family: "Playlist";
  src: url(Playlist-Script.eot?c98ea17bb65e39c43d73d6b2663807ec);
  src: url(Playlist-Script.eot?c98ea17bb65e39c43d73d6b2663807ec) format("embedded-opentype"), url(Playlist-Script.woff2?45affd6b94a82e530da5bdd7a295a313) format("woff2"), url(Playlist-Script.woff?66845e7a3d5c204e916c51d0c9a416ff) format("woff"), url(Playlist-Script.ttf?f9f4c4783b8ff245a27449f87102d48f) format("truetype"), url(Playlist-Script.svg?c177ac98dbb36170d035c729977eefdf) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CeraGR";
  src: url(CeraGR-Regular.eot?efd3d9743120f5fb5188beeba3e4b917);
  src: url(CeraGR-Regular.eot?efd3d9743120f5fb5188beeba3e4b917) format("embedded-opentype"), url(CeraGR-Regular.woff2?6ec9a97ab304b080b21fbda050d0d67f) format("woff2"), url(CeraGR-Regular.woff?7024e3d23877b9d54732c7886f7be338) format("woff"), url(CeraGR-Regular.ttf?1eb43bfc52bb4258e065756112bd46ad) format("truetype"), url(CeraGR-Regular.svg?36b4ecf946aa933ea2cbcda415fdd5c1) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Intro";
  src: url(Intro.eot?96e5735867c6ce5ea0ead68c005cbd40);
  src: url(Intro.eot?96e5735867c6ce5ea0ead68c005cbd40) format("embedded-opentype"), url(Intro.woff2?208a75e4897324d80655772b9a4f8088) format("woff2"), url(Intro.woff?016df35c25f92494797c8eab6553d2c6) format("woff"), url(Intro.ttf?29e2a49d7c5487be4f3a5209b0180b5f) format("truetype"), url(Intro.svg?01196a5c3f17902f1321b45791cd82bb) format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
  height: 100vh;
}

html body {
  margin: 0;
  height: 100%;
  color: #FFFFFF;
  display: flex;
  line-height: 1.2;
  text-align: center;
  font-family: CeraGR;
  align-items: center;
  background-color: #000000;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  html body {
    padding-left: 20px;
    padding-right: 20px;
  }
}

html body article {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

html body article h1 {
  margin-top: 0;
  margin-bottom: 2.5vw;
  font-size: 3.59375vw;
}

@media (max-width: 1446.9565217391px) {
  html body article h1 {
    font-size: 52px;
  }
}

@media (min-width: 2560px) {
  html body article h1 {
    font-size: 92px;
  }
}

html body article h2 {
  margin-top: 1.2vw;
  margin-bottom: 2.9vw;
  font-size: 1.09375vw;
}

@media only screen and (max-width: 768px) {
  html body article h2 {
    margin-top: 2vw;
  }
}

@media (max-width: 1462.8571428571px) {
  html body article h2 {
    font-size: 16px;
  }
}

@media (min-width: 2560px) {
  html body article h2 {
    font-size: 28px;
  }
}

html body article h3 {
  margin-top: 0;
  margin-bottom: 2.9vw;
  font-size: 1.40625vw;
}

@media (max-width: 1280px) {
  html body article h3 {
    font-size: 18px;
  }
}

@media (min-width: 2560px) {
  html body article h3 {
    font-size: 36px;
  }
}

html body article ul {
  margin: 0;
  padding: 0;
  margin-top: 2.5vw;
  list-style-type: none;
}

html body article ul li {
  margin-bottom: 0.6vw;
  font-size: 0.9375vw;
}

@media (max-width: 1493.3333333333px) {
  html body article ul li {
    font-size: 14px;
  }
}

@media (min-width: 2560px) {
  html body article ul li {
    font-size: 24px;
  }
}

html body article ul li:last-child {
  margin-bottom: 0;
}

html body article p {
  margin: 0;
  margin-top: 2.4vw;
  font-size: 1.09375vw;
}

@media (max-width: 1462.8571428571px) {
  html body article p {
    font-size: 16px;
  }
}

@media (min-width: 2560px) {
  html body article p {
    font-size: 28px;
  }
}

html body article a {
  color: #FFFFFF;
  text-decoration: underline;
}

html body article img {
  width: 55%;
}

html body article .splash-image {
  width: 30.5vw;
  position: relative;
  background-size: cover;
  background-image: url(/src/rain-forest.jpg?85ec7d5a9bf7a9a782364401c651727b);
}

@media only screen and (max-width: 768px) {
  html body article .splash-image {
    width: 50vw;
  }
}

html body article .splash-image:before {
  top: -20vw;
  content: "";
  z-index: -1;
  width: 50vw;
  right: -26vw;
  height: 50vw;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/src/starburst.png?4c616b3465021339d5ca1c369512e327);
}

html body article .splash-image img {
  padding-top: 2.15vw;
  padding-bottom: 2.15vw;
}

html body article .width-limit {
  max-width: 988px;
}

html body article .seperator {
  height: 2px;
  width: 15%;
  background-color: #FFFFFF;
}

html body article .letter-spaced {
  letter-spacing: 15px;
}

html body article .uppercase {
  text-transform: uppercase;
}

html body article .text-white {
  color: #FFFFFF;
}

html body article .text-green {
  color: #A3D41D;
}

html body article .text-off-white {
  color: #FEFEFE;
}

html body article .cera {
  font-family: "CeraGR";
}

html body article .intro {
  font-family: "Intro";
}

html body article .playlist {
  font-family: "Playlist";
}