@font-face {
  font-family: "Work Sans", serif;
  src: url("assets/fonts/work_sans/EBGaramond-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans", sans-serif;
  src: url("assets/fonts/work_sans/WorkSans-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond", serif;
  src: url("assets/fonts/eb_garamond/EBGaramond-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond", serif;
  src: url("assets/fonts/work_sans/EBGaramond-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Syne", serif;
  src: url("assets/fonts/syne/Syne-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Syne", serif;
  src: url("assets/fonts/syne/Syne-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Syne", serif;
  src: url("assets/fonts/syne/Syne-Regular.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Syne", serif;
  src: url("assets/fonts/syne/Syne-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Syne", serif;
  src: url("assets/fonts/syne/Syne-Regular.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body {
  background-color: #171717;
  color: white;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(90deg, rgb(23, 23, 23) 21px, rgba(23, 23, 23, 0) 1%) center, linear-gradient(rgb(23, 23, 23) 21px, rgba(23, 23, 23, 0) 1%) center, #474747;
  background-size: 22px 22px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style: none;
  font-family: "EB Garamond", serif;
  font-weight: 400;
  -webkit-tap-highlight-color: transparent;
}

::-moz-selection {
  color: #171717;
  background: #76E3AB;
}

::selection {
  color: #171717;
  background: #76E3AB;
}

::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none;
}

p {
  font-size: 18px;
  line-height: 130%;
  max-width: 550px;
  margin-bottom: 1rem;
}

img {
  display: block;
  width: 100%;
}

h2 {
  z-index: 2;
  font-size: 24px;
  font-family: "Syne", sans-serif;
  max-width: 900px;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  margin-bottom: 1rem;
}
@media (min-width: 700px) {
  h2 {
    font-size: 30px;
  }
}

h3 {
  font-size: 22px;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  max-width: 900px;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  margin-bottom: 1rem;
}
h3:last-child {
  margin-bottom: 0;
}
@media (min-width: 700px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  z-index: 2;
  font-size: 24px;
  font-family: "EB Garamond", serif;
  max-width: 900px;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}
h4:last-child {
  margin-bottom: 0;
}
@media (min-width: 700px) {
  h4 {
    font-size: 30px;
  }
}

h4.underline-title {
  padding-bottom: 10px;
  border-bottom: solid 1px white;
}

ul {
  margin-top: 40px;
}
ul li {
  font-size: 18px;
  margin-bottom: 20px;
}

section {
  padding: 40px 0;
}
@media (min-width: 700px) {
  section {
    padding: 60px 0;
  }
}

.two-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 60px;
}
@media (min-width: 700px) {
  .two-col {
    flex-direction: row;
  }
  .two-col .col {
    width: 50%;
  }
}

.four-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 700px) {
  .four-col {
    flex-direction: row;
  }
  .four-col .col {
    width: 25%;
  }
}

.dot-grid {
  background: linear-gradient(90deg, rgb(23, 23, 23) 21px, rgba(23, 23, 23, 0) 1%) center, linear-gradient(rgb(23, 23, 23) 21px, rgba(23, 23, 23, 0) 1%) center, #474747;
  background-size: 22px 22px;
}

.hero-section {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  flex-direction: column;
  transition: opacity 0.15s ease;
  z-index: 1;
  background-color: #171717;
  background-image: url(/assets/images/hero.jpg);
  background-size: cover;
  background-position: center;
  padding: 40px 40px 100px 40px;
}
.hero-section::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(0deg, rgb(23, 23, 23), rgb(23, 23, 23) 10%, rgba(23, 23, 23, 0.7) 30%, rgba(23, 23, 23, 0) 100%);
}

.logo-container {
  text-align: center;
  transition: all 0.15s ease;
}

img.logo-hero {
  width: 90vw;
  max-width: 1000px;
  height: auto;
  opacity: 1;
  display: block;
}

.logo-tagline {
  font-family: "Syne", sans-serif;
  font-size: 20px;
  max-width: 1000px;
}
@media (min-width: 700px) {
  .logo-tagline {
    font-size: 30px;
  }
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(23, 23, 23, 0.85);
  padding: 10px 0;
  text-align: center;
  z-index: 100;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.fixed-header.visible {
  transform: translateY(0);
}

img.logo-header {
  width: 200px;
  transform: translateY(3px);
}

.hero-companies {
  font-family: "Work Sans", sans-serif;
  text-align: center;
  font-size: 14px;
}
@media (min-width: 700px) {
  .hero-companies {
    font-size: 18px;
  }
}

.hero-desc {
  width: 100%;
  max-width: 1000px;
  text-align: center;
  font-family: "Syne", sans-serif;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
@media (min-width: 700px) {
  .hero-desc {
    font-size: 36px;
  }
}

.content-section {
  padding: 20px 20px 0 20px;
  padding-top: 100px;
  position: relative;
  z-index: 2;
  min-height: 100vh;
  width: 100%;
  max-width: 1200px;
}
@media (min-width: 700px) {
  .content-section {
    padding: 40px 40px 0 40px;
    padding-top: 100px;
  }
}

.initiative-desc {
  width: 100%;
  background-color: #171717;
  background-image: url(/assets/images/initiative-desc.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px 20px;
  border: solid 1px white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.initiative-desc h2 {
  font-size: 20px;
}
@media (min-width: 700px) {
  .initiative-desc h2 {
    font-size: 25px;
  }
}
.initiative-desc::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

h3.sub-text-map {
  font-size: 18px;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  max-width: 900px;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  margin-bottom: 2rem;
}
h3.sub-text-map:last-child {
  margin-bottom: 0;
}
@media (min-width: 700px) {
  h3.sub-text-map {
    font-size: 22px;
  }
}

.col.dot-anim {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 100px;
  margin-top: 40px;
}

.col.dashed {
  border: 1px dashed white;
  border-radius: 10px;
  padding: 20px;
}
.col.dashed h3 {
  font-size: 24px;
}
@media (min-width: 700px) {
  .col.dashed {
    width: 40%;
    margin-left: auto;
  }
}

.roadmap {
  width: 100%;
  padding: 20px;
  background-color: #171717;
  border: solid 1px white;
  border-radius: 10px;
}
.roadmap img {
  margin-top: 40px;
}

.phase {
  padding: 20px;
  background-color: #171717;
  border: solid 1px white;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
  background-repeat: no-repeat;
}
.phase:first-child {
  background-image: url(/assets/images/purple-grad-top-left.svg);
}
.phase:last-child {
  background-image: url(/assets/images/green-grad-top-right.svg);
}

.phase-time {
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: solid 1px white;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 23, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Popup Content */
.popup-content {
  background-color: #171717;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: solid 1px white;
  max-width: 1000px;
  width: 80%;
  max-height: 90vh;
  position: relative;
  overflow: scroll;
}

/* Close Button */
.popup-close {
  position: fixed;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  border: none;
  background: none;
  color: white;
}

.popup-btn {
  padding: 10px 15px;
  background-color: #171717;
  color: white;
  border: solid 1px white;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 20px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.57) inset;
  font-family: "Work Sans", sans-serif;
  font-family: 18px;
  text-align: left;
}

img.lse-logo {
  max-width: 200px;
  margin-bottom: 20px;
}

.impact-icon {
  aspect-ratio: 1/1;
  margin-bottom: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.col.impact {
  padding: 20px;
  background-color: #171717;
  border: solid 1px white;
  border-radius: 10px;
}

.icon-1 {
  background-image: url(/assets/images/rocket.jpg);
}

.icon-2 {
  background-image: url(/assets/images/search.jpg);
}

.icon-3 {
  background-image: url(/assets/images/connections.jpg);
}

.icon-4 {
  background-image: url(/assets/images/globe.jpg);
}

.col-fix {
  display: none;
}
@media (min-width: 700px) {
  .col-fix {
    display: inline;
  }
}

.initiative-vision {
  width: 100%;
  background-color: #171717;
  background-image: url(/assets/images/vision.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px 20px;
  border: solid 1px white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.initiative-vision h2 {
  font-size: 20px;
}
@media (min-width: 700px) {
  .initiative-vision h2 {
    font-size: 25px;
  }
}
.initiative-vision::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.vision-title {
  font-family: "Work Sans", sans-serif;
  z-index: 2;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.5);
}

footer {
  font-size: 14px;
  padding: 20px 0;
  font-family: "Work Sans", sans-serif;
  text-align: center;
  color: #59636B;
}
footer span {
  font-family: "Work Sans", sans-serif;
}

.container {
  height: 20em;
  width: 20em;
  position: relative;
  transform-style: preserve-3d;
  animation: spin 10s linear infinite;
}
.container span {
  width: 0.2em;
  height: 0.2em;
  background-color: #ffffff;
  color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 10em / 100);
  left: calc(50% - 10em / 100);
  transform-style: preserve-3d;
}
.container span:nth-child(1) {
  transform: translate3d(0.1846278095em, 0.254118379em, 9.9950656037em);
  animation: beat 2s linear infinite;
  animation-delay: -10ms;
}
.container span:nth-child(2) {
  transform: translate3d(-0.1940333762em, 0.5971733276em, 9.9802672843em);
  animation: beat 2s linear infinite;
  animation-delay: -20ms;
}
.container span:nth-child(3) {
  transform: translate3d(-0.8950232462em, 0.2908106813em, 9.955619646em);
  animation: beat 2s linear infinite;
  animation-delay: -30ms;
}
.container span:nth-child(4) {
  transform: translate3d(-1.0139671591em, -0.7366902631em, 9.9211470131em);
  animation: beat 2s linear infinite;
  animation-delay: -40ms;
}
.container span:nth-child(5) {
  transform: translate3d(0em, -1.5643446504em, 9.876883406em);
  animation: beat 2s linear infinite;
  animation-delay: -50ms;
}
.container span:nth-child(6) {
  transform: translate3d(1.5159466793em, -1.1013997327em, 9.8228725073em);
  animation: beat 2s linear infinite;
  animation-delay: -60ms;
}
.container span:nth-child(7) {
  transform: translate3d(2.0746655122em, 0.674099688em, 9.7591676194em);
  animation: beat 2s linear infinite;
  animation-delay: -70ms;
}
.container span:nth-child(8) {
  transform: translate3d(0.7684940146em, 2.3651813772em, 9.6858316113em);
  animation: beat 2s linear infinite;
  animation-delay: -80ms;
}
.container span:nth-child(9) {
  transform: translate3d(-1.6398685765em, 2.2570854607em, 9.6029368568em);
  animation: beat 2s linear infinite;
  animation-delay: -90ms;
}
.container span:nth-child(10) {
  transform: translate3d(-3.0901699437em, 0em, 9.510565163em);
  animation: beat 2s linear infinite;
  animation-delay: -100ms;
}
.container span:nth-child(11) {
  transform: translate3d(-1.9910515391em, -2.7404473412em, 9.4088076895em);
  animation: beat 2s linear infinite;
  animation-delay: -110ms;
}
.container span:nth-child(12) {
  transform: translate3d(1.1375674283em, -3.5010725464em, 9.2977648589em);
  animation: beat 2s linear infinite;
  animation-delay: -120ms;
}
.container span:nth-child(13) {
  transform: translate3d(3.7771008932em, -1.2272544749em, 9.1775462568em);
  animation: beat 2s linear infinite;
  animation-delay: -130ms;
}
.container span:nth-child(14) {
  transform: translate3d(3.4446268273em, 2.5026678831em, 9.0482705247em);
  animation: beat 2s linear infinite;
  animation-delay: -140ms;
}
.container span:nth-child(15) {
  transform: translate3d(0em, 4.5399049974em, 8.9100652419em);
  animation: beat 2s linear infinite;
  animation-delay: -150ms;
}
.container span:nth-child(16) {
  transform: translate3d(-3.8974690945em, 2.8316770487em, 8.7630668004em);
  animation: beat 2s linear infinite;
  animation-delay: -160ms;
}
.container span:nth-child(17) {
  transform: translate3d(-4.8412715551em, -1.5730244831em, 8.60742027em);
  animation: beat 2s linear infinite;
  animation-delay: -170ms;
}
.container span:nth-child(18) {
  transform: translate3d(-1.6557958569em, -5.0960156497em, 8.443279255em);
  animation: beat 2s linear infinite;
  animation-delay: -180ms;
}
.container span:nth-child(19) {
  transform: translate3d(3.3038432006em, -4.5473500494em, 8.2708057427em);
  animation: beat 2s linear infinite;
  animation-delay: -190ms;
}
.container span:nth-child(20) {
  transform: translate3d(5.8778525229em, 0em, 8.0901699437em);
  animation: beat 2s linear infinite;
  animation-delay: -200ms;
}
.container span:nth-child(21) {
  transform: translate3d(3.6025772716em, 4.9585222238em, 7.9015501238em);
  animation: beat 2s linear infinite;
  animation-delay: -210ms;
}
.container span:nth-child(22) {
  transform: translate3d(-1.9697484545em, 6.0622623909em, 7.7051324278em);
  animation: beat 2s linear infinite;
  animation-delay: -220ms;
}
.container span:nth-child(23) {
  transform: translate3d(-6.2894495882em, 2.0435660497em, 7.5011106963em);
  animation: beat 2s linear infinite;
  animation-delay: -230ms;
}
.container span:nth-child(24) {
  transform: translate3d(-5.5381024215em, -4.0236669336em, 7.2896862742em);
  animation: beat 2s linear infinite;
  animation-delay: -240ms;
}
.container span:nth-child(25) {
  transform: translate3d(0em, -7.0710678119em, 7.0710678119em);
  animation: beat 2s linear infinite;
  animation-delay: -250ms;
}
.container span:nth-child(26) {
  transform: translate3d(5.8974800795em, -4.2847700858em, 6.8454710593em);
  animation: beat 2s linear infinite;
  animation-delay: -260ms;
}
.container span:nth-child(27) {
  transform: translate3d(7.1339802072em, 2.3179706818em, 6.6131186532em);
  animation: beat 2s linear infinite;
  animation-delay: -270ms;
}
.container span:nth-child(28) {
  transform: translate3d(2.3810168641em, 7.3280164043em, 6.3742398975em);
  animation: beat 2s linear infinite;
  animation-delay: -280ms;
}
.container span:nth-child(29) {
  transform: translate3d(-4.644414633em, 6.392488332em, 6.1290705365em);
  animation: beat 2s linear infinite;
  animation-delay: -290ms;
}
.container span:nth-child(30) {
  transform: translate3d(-8.0901699437em, 0em, 5.8778525229em);
  animation: beat 2s linear infinite;
  animation-delay: -300ms;
}
.container span:nth-child(31) {
  transform: translate3d(-4.8614576402em, -6.6912224031em, 5.6208337785em);
  animation: beat 2s linear infinite;
  animation-delay: -310ms;
}
.container span:nth-child(32) {
  transform: translate3d(2.6091167781em, -8.0300357544em, 5.3582679498em);
  animation: beat 2s linear infinite;
  animation-delay: -320ms;
}
.container span:nth-child(33) {
  transform: translate3d(8.1861431363em, -2.6598391412em, 5.0904141575em);
  animation: beat 2s linear infinite;
  animation-delay: -330ms;
}
.container span:nth-child(34) {
  transform: translate3d(7.0894699644em, 5.1508014302em, 4.817536741em);
  animation: beat 2s linear infinite;
  animation-delay: -340ms;
}
.container span:nth-child(35) {
  transform: translate3d(0em, 8.9100652419em, 4.5399049974em);
  animation: beat 2s linear infinite;
  animation-delay: -350ms;
}
.container span:nth-child(36) {
  transform: translate3d(-7.3202046242em, 5.3184399731em, 4.2577929157em);
  animation: beat 2s linear infinite;
  animation-delay: -360ms;
}
.container span:nth-child(37) {
  transform: translate3d(-8.7283651712em, -2.83601776em, 3.9714789063em);
  animation: beat 2s linear infinite;
  animation-delay: -370ms;
}
.container span:nth-child(38) {
  transform: translate3d(-2.8731673511em, -8.842699856em, 3.6812455268em);
  animation: beat 2s linear infinite;
  animation-delay: -380ms;
}
.container span:nth-child(39) {
  transform: translate3d(5.5303584016em, -7.6118853176em, 3.3873792025em);
  animation: beat 2s linear infinite;
  animation-delay: -390ms;
}
.container span:nth-child(40) {
  transform: translate3d(9.510565163em, 0em, 3.0901699437em);
  animation: beat 2s linear infinite;
  animation-delay: -400ms;
}
.container span:nth-child(41) {
  transform: translate3d(5.6444646631em, 7.768939113em, 2.7899110604em);
  animation: beat 2s linear infinite;
  animation-delay: -410ms;
}
.container span:nth-child(42) {
  transform: translate3d(-2.9930865725em, 9.2117732697em, 2.4868988716em);
  animation: beat 2s linear infinite;
  animation-delay: -420ms;
}
.container span:nth-child(43) {
  transform: translate3d(-9.281519958em, 3.0157486453em, 2.181432414em);
  animation: beat 2s linear infinite;
  animation-delay: -430ms;
}
.container span:nth-child(44) {
  transform: translate3d(-7.946870792em, -5.7737395949em, 1.8738131459em);
  animation: beat 2s linear infinite;
  animation-delay: -440ms;
}
.container span:nth-child(45) {
  transform: translate3d(0em, -9.876883406em, 1.5643446504em);
  animation: beat 2s linear infinite;
  animation-delay: -450ms;
}
.container span:nth-child(46) {
  transform: translate3d(8.0263765373em, -5.8315039002em, 1.2533323356em);
  animation: beat 2s linear infinite;
  animation-delay: -460ms;
}
.container span:nth-child(47) {
  transform: translate3d(9.4683569381em, 3.0764556602em, 0.9410831332em);
  animation: beat 2s linear infinite;
  animation-delay: -470ms;
}
.container span:nth-child(48) {
  transform: translate3d(3.0840721992em, 9.4917982351em, 0.6279051953em);
  animation: beat 2s linear infinite;
  animation-delay: -480ms;
}
.container span:nth-child(49) {
  transform: translate3d(-5.8749521575em, 8.0861779333em, 0.3141075908em);
  animation: beat 2s linear infinite;
  animation-delay: -490ms;
}
.container span:nth-child(50) {
  transform: translate3d(-10em, 0em, 0em);
  animation: beat 2s linear infinite;
  animation-delay: -500ms;
}
.container span:nth-child(51) {
  transform: translate3d(-5.8749521575em, -8.0861779333em, -0.3141075908em);
  animation: beat 2s linear infinite;
  animation-delay: -510ms;
}
.container span:nth-child(52) {
  transform: translate3d(3.0840721992em, -9.4917982351em, -0.6279051953em);
  animation: beat 2s linear infinite;
  animation-delay: -520ms;
}
.container span:nth-child(53) {
  transform: translate3d(9.4683569381em, -3.0764556602em, -0.9410831332em);
  animation: beat 2s linear infinite;
  animation-delay: -530ms;
}
.container span:nth-child(54) {
  transform: translate3d(8.0263765373em, 5.8315039002em, -1.2533323356em);
  animation: beat 2s linear infinite;
  animation-delay: -540ms;
}
.container span:nth-child(55) {
  transform: translate3d(0em, 9.876883406em, -1.5643446504em);
  animation: beat 2s linear infinite;
  animation-delay: -550ms;
}
.container span:nth-child(56) {
  transform: translate3d(-7.946870792em, 5.7737395949em, -1.8738131459em);
  animation: beat 2s linear infinite;
  animation-delay: -560ms;
}
.container span:nth-child(57) {
  transform: translate3d(-9.281519958em, -3.0157486453em, -2.181432414em);
  animation: beat 2s linear infinite;
  animation-delay: -570ms;
}
.container span:nth-child(58) {
  transform: translate3d(-2.9930865725em, -9.2117732697em, -2.4868988716em);
  animation: beat 2s linear infinite;
  animation-delay: -580ms;
}
.container span:nth-child(59) {
  transform: translate3d(5.6444646631em, -7.768939113em, -2.7899110604em);
  animation: beat 2s linear infinite;
  animation-delay: -590ms;
}
.container span:nth-child(60) {
  transform: translate3d(9.510565163em, 0em, -3.0901699437em);
  animation: beat 2s linear infinite;
  animation-delay: -600ms;
}
.container span:nth-child(61) {
  transform: translate3d(5.5303584016em, 7.6118853176em, -3.3873792025em);
  animation: beat 2s linear infinite;
  animation-delay: -610ms;
}
.container span:nth-child(62) {
  transform: translate3d(-2.8731673511em, 8.842699856em, -3.6812455268em);
  animation: beat 2s linear infinite;
  animation-delay: -620ms;
}
.container span:nth-child(63) {
  transform: translate3d(-8.7283651712em, 2.83601776em, -3.9714789063em);
  animation: beat 2s linear infinite;
  animation-delay: -630ms;
}
.container span:nth-child(64) {
  transform: translate3d(-7.3202046242em, -5.3184399731em, -4.2577929157em);
  animation: beat 2s linear infinite;
  animation-delay: -640ms;
}
.container span:nth-child(65) {
  transform: translate3d(0em, -8.9100652419em, -4.5399049974em);
  animation: beat 2s linear infinite;
  animation-delay: -650ms;
}
.container span:nth-child(66) {
  transform: translate3d(7.0894699644em, -5.1508014302em, -4.817536741em);
  animation: beat 2s linear infinite;
  animation-delay: -660ms;
}
.container span:nth-child(67) {
  transform: translate3d(8.1861431363em, 2.6598391412em, -5.0904141575em);
  animation: beat 2s linear infinite;
  animation-delay: -670ms;
}
.container span:nth-child(68) {
  transform: translate3d(2.6091167781em, 8.0300357544em, -5.3582679498em);
  animation: beat 2s linear infinite;
  animation-delay: -680ms;
}
.container span:nth-child(69) {
  transform: translate3d(-4.8614576402em, 6.6912224031em, -5.6208337785em);
  animation: beat 2s linear infinite;
  animation-delay: -690ms;
}
.container span:nth-child(70) {
  transform: translate3d(-8.0901699437em, 0em, -5.8778525229em);
  animation: beat 2s linear infinite;
  animation-delay: -700ms;
}
.container span:nth-child(71) {
  transform: translate3d(-4.644414633em, -6.392488332em, -6.1290705365em);
  animation: beat 2s linear infinite;
  animation-delay: -710ms;
}
.container span:nth-child(72) {
  transform: translate3d(2.3810168641em, -7.3280164043em, -6.3742398975em);
  animation: beat 2s linear infinite;
  animation-delay: -720ms;
}
.container span:nth-child(73) {
  transform: translate3d(7.1339802072em, -2.3179706818em, -6.6131186532em);
  animation: beat 2s linear infinite;
  animation-delay: -730ms;
}
.container span:nth-child(74) {
  transform: translate3d(5.8974800795em, 4.2847700858em, -6.8454710593em);
  animation: beat 2s linear infinite;
  animation-delay: -740ms;
}
.container span:nth-child(75) {
  transform: translate3d(0em, 7.0710678119em, -7.0710678119em);
  animation: beat 2s linear infinite;
  animation-delay: -750ms;
}
.container span:nth-child(76) {
  transform: translate3d(-5.5381024215em, 4.0236669336em, -7.2896862742em);
  animation: beat 2s linear infinite;
  animation-delay: -760ms;
}
.container span:nth-child(77) {
  transform: translate3d(-6.2894495882em, -2.0435660497em, -7.5011106963em);
  animation: beat 2s linear infinite;
  animation-delay: -770ms;
}
.container span:nth-child(78) {
  transform: translate3d(-1.9697484545em, -6.0622623909em, -7.7051324278em);
  animation: beat 2s linear infinite;
  animation-delay: -780ms;
}
.container span:nth-child(79) {
  transform: translate3d(3.6025772716em, -4.9585222238em, -7.9015501238em);
  animation: beat 2s linear infinite;
  animation-delay: -790ms;
}
.container span:nth-child(80) {
  transform: translate3d(5.8778525229em, 0em, -8.0901699437em);
  animation: beat 2s linear infinite;
  animation-delay: -800ms;
}
.container span:nth-child(81) {
  transform: translate3d(3.3038432006em, 4.5473500494em, -8.2708057427em);
  animation: beat 2s linear infinite;
  animation-delay: -810ms;
}
.container span:nth-child(82) {
  transform: translate3d(-1.6557958569em, 5.0960156497em, -8.443279255em);
  animation: beat 2s linear infinite;
  animation-delay: -820ms;
}
.container span:nth-child(83) {
  transform: translate3d(-4.8412715551em, 1.5730244831em, -8.60742027em);
  animation: beat 2s linear infinite;
  animation-delay: -830ms;
}
.container span:nth-child(84) {
  transform: translate3d(-3.8974690945em, -2.8316770487em, -8.7630668004em);
  animation: beat 2s linear infinite;
  animation-delay: -840ms;
}
.container span:nth-child(85) {
  transform: translate3d(0em, -4.5399049974em, -8.9100652419em);
  animation: beat 2s linear infinite;
  animation-delay: -850ms;
}
.container span:nth-child(86) {
  transform: translate3d(3.4446268273em, -2.5026678831em, -9.0482705247em);
  animation: beat 2s linear infinite;
  animation-delay: -860ms;
}
.container span:nth-child(87) {
  transform: translate3d(3.7771008932em, 1.2272544749em, -9.1775462568em);
  animation: beat 2s linear infinite;
  animation-delay: -870ms;
}
.container span:nth-child(88) {
  transform: translate3d(1.1375674283em, 3.5010725464em, -9.2977648589em);
  animation: beat 2s linear infinite;
  animation-delay: -880ms;
}
.container span:nth-child(89) {
  transform: translate3d(-1.9910515391em, 2.7404473412em, -9.4088076895em);
  animation: beat 2s linear infinite;
  animation-delay: -890ms;
}
.container span:nth-child(90) {
  transform: translate3d(-3.0901699437em, 0em, -9.510565163em);
  animation: beat 2s linear infinite;
  animation-delay: -900ms;
}
.container span:nth-child(91) {
  transform: translate3d(-1.6398685765em, -2.2570854607em, -9.6029368568em);
  animation: beat 2s linear infinite;
  animation-delay: -910ms;
}
.container span:nth-child(92) {
  transform: translate3d(0.7684940146em, -2.3651813772em, -9.6858316113em);
  animation: beat 2s linear infinite;
  animation-delay: -920ms;
}
.container span:nth-child(93) {
  transform: translate3d(2.0746655122em, -0.674099688em, -9.7591676194em);
  animation: beat 2s linear infinite;
  animation-delay: -930ms;
}
.container span:nth-child(94) {
  transform: translate3d(1.5159466793em, 1.1013997327em, -9.8228725073em);
  animation: beat 2s linear infinite;
  animation-delay: -940ms;
}
.container span:nth-child(95) {
  transform: translate3d(0em, 1.5643446504em, -9.876883406em);
  animation: beat 2s linear infinite;
  animation-delay: -950ms;
}
.container span:nth-child(96) {
  transform: translate3d(-1.0139671591em, 0.7366902631em, -9.9211470131em);
  animation: beat 2s linear infinite;
  animation-delay: -960ms;
}
.container span:nth-child(97) {
  transform: translate3d(-0.8950232462em, -0.2908106813em, -9.955619646em);
  animation: beat 2s linear infinite;
  animation-delay: -970ms;
}
.container span:nth-child(98) {
  transform: translate3d(-0.1940333762em, -0.5971733276em, -9.9802672843em);
  animation: beat 2s linear infinite;
  animation-delay: -980ms;
}
.container span:nth-child(99) {
  transform: translate3d(0.1846278095em, -0.254118379em, -9.9950656037em);
  animation: beat 2s linear infinite;
  animation-delay: -990ms;
}
.container span:nth-child(100) {
  transform: translate3d(0em, 0em, -10em);
  animation: beat 2s linear infinite;
  animation-delay: -1000ms;
}
.container span::before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: white;
  width: 0.2em;
  height: 0.2em;
  animation: spin 10s linear reverse infinite;
}

@keyframes spin {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes beat {
  0% {
    font-size: 1em;
  }
  5% {
    font-size: 1.1em;
  }
  10% {
    font-size: 1em;
  }
  15% {
    font-size: 1.1em;
  }
  25%, 100% {
    font-size: 1em;
  }
}
.teste {
  font-family: "Syne", sans-serif;
}

.teste-2 {
  font-family: "Work Sans", sans-serif;
}/*# sourceMappingURL=style.css.map */