@font-face {
  font-family: Pixelmix;
  src: url('../fonts/pixelmix_bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pixelmix;
  src: url('../fonts/pixelmix.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonik;
  src: url('../fonts/Aeonik-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonik;
  src: url('../fonts/Aeonik-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonik;
  src: url('../fonts/Aeonik-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonik;
  src: url('../fonts/Aeonik-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: #202023;
  --cornflower-blue: #9b97f5;
  --khaki: #fbfda4;
  --off-black: #2f2f32;
  --gainsboro: #d9dedc;
  --gainsboro-2: #d9dedc;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Aeonik, sans-serif;
  font-size: 15vw;
  font-weight: 500;
  line-height: 90%;
}

h2 {
  color: var(--white);
  letter-spacing: -.02em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Aeonik, sans-serif;
  font-size: 120px;
  font-weight: 500;
  line-height: 86.5%;
}

h4 {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Aeonik, sans-serif;
  font-size: 95.04px;
  font-weight: 500;
  line-height: 105%;
}

p {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Pixelmix, sans-serif;
  font-size: 16px;
}

a {
  cursor: none;
  text-decoration: underline;
}

.main {
  width: 100vw;
  display: none;
}

.main.mobile {
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.section {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 40px 80px;
  display: flex;
  position: relative;
}

.section.benefits {
  z-index: 10;
  background-color: var(--black);
  align-items: flex-start;
  height: 500vh;
  padding-top: 0;
  position: relative;
  top: 0;
}

.section.benefits.candidate {
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  top: 0;
  overflow: visible;
}

.section.purple {
  background-color: #9b97f5;
}

.section.purple.about {
  background-color: #9794f0;
  border-top: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  height: 300vh;
  padding: 0;
}

.section.menu-section {
  z-index: 100;
  background-color: var(--black);
  padding-top: 183px;
  padding-right: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.section.intro {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section.footer {
  background-color: var(--cornflower-blue);
}

.section.why-join {
  flex-direction: column;
}

.section.how-to-apply {
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-top: 120px;
  padding-bottom: 0;
}

.section.faq-s {
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  padding: 120px 0;
  display: flex;
}

.section.loader {
  display: none;
}

.section.about {
  background-color: var(--cornflower-blue);
  justify-content: flex-start;
}

.section.candidate {
  background-image: none;
  flex-direction: column;
  height: auto;
  padding: 0;
}

.container {
  width: 100%;
  height: 100%;
}

.container.centered {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  inset: 40px 0%;
}

.container.centered.candidate-container {
  border-top: 1px solid var(--white);
  background-color: var(--black);
  flex-direction: row;
  justify-content: space-between;
  height: 100vh;
  padding-bottom: 0;
  top: 120px;
}

.container.centered.candidate-container.last {
  border-bottom: 1px solid var(--white);
}

.container.centered.face {
  justify-content: flex-start;
  width: 100vw;
  height: 150vh;
  padding-top: 25%;
  top: 0;
  bottom: 50%;
  overflow: hidden;
}

.container.horizontal {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container.horizontal.about {
  border: 1px #000;
  flex-direction: row-reverse;
  height: 100vh;
  padding-top: 120px;
  position: sticky;
  top: 0;
}

.container.horizontal.menu-section {
  grid-column-gap: 25%;
}

.container.intro {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container.footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navigation {
  z-index: 150;
  background-color: #0000;
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 40px 80px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.body {
  cursor: none;
  background-color: #202023;
  overflow: visible;
}

.score-block {
  justify-content: space-between;
  align-items: center;
  width: 250px;
  display: none;
}

.score-text {
  color: #fff;
  width: 100%;
  margin-right: 24px;
  font-family: Pixelmix, sans-serif;
  font-size: 16px;
}

.score-hearts {
  align-items: center;
  width: 125px;
  display: flex;
}

.cta-s {
  align-items: center;
  display: flex;
}

.apply-now-link {
  color: #fff;
  text-transform: uppercase;
  background-image: url('../images/Apply-Now-Background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-right: 0;
  padding: 9px 19px;
  font-family: Pixelmix, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.apply-now-link.footer {
  color: var(--off-black);
  text-transform: capitalize;
  background-image: url('../images/Frame-481293.svg');
  background-size: 95%;
  padding-top: 12px;
  padding-bottom: 16px;
  position: static;
  inset: -7px auto auto -64px;
}

.apply-now-link.mobile {
  display: none;
}

.apply-now-link.hidden {
  opacity: 0;
}

.heading-1 {
  font-size: 8vw;
}

.heading-1.all-caps {
  z-index: 10;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.heading-1.all-caps.centered {
  z-index: 0;
  text-align: center;
}

.heading-1.all-caps.level-up {
  z-index: 0;
  margin-right: 120px;
}

.heading-1.footer {
  margin-top: 0;
  margin-bottom: 32px;
}

.heading-1.all-caps {
  z-index: 10;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 150px;
  position: relative;
}

.pixelated {
  letter-spacing: -.03em;
  margin-left: 12px;
  font-family: Pixelmix, sans-serif;
  font-size: 6vw;
}

.pixelated.smaller {
  color: var(--khaki);
  font-size: 80px;
}

.pixelated.all-caps {
  color: var(--off-black);
  text-transform: uppercase;
}

.pixelated.how-to-apply {
  margin-left: 0;
}

.benefit {
  cursor: none;
  display: block;
  position: absolute;
}

.benefit.events {
  z-index: 1;
  top: 20%;
}

.benefit.coworking {
  z-index: 1;
  top: 50%;
  left: 20%;
}

.benefit.mindfullness {
  z-index: 1;
  top: 26%;
  left: 5%;
}

.benefit.salary {
  z-index: 1;
  top: 14.5%;
  left: 55%;
}

.benefit.remote {
  z-index: 1;
  left: 65%;
}

.pixelation-container {
  width: 75%;
  display: none;
  position: absolute;
  top: 374.5px;
}

.pixelation-container.about {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.pixel-row {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0 0% auto;
}

.pixel-row.reversed {
  flex-direction: row-reverse;
  top: 0;
}

.pixel-box {
  background-color: #202023;
  width: 100%;
  height: 100%;
}

.type-variables {
  border-right: 1px none var(--black);
  border-left: 1px solid var(--black);
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-left: 48px;
  padding-right: 40px;
  display: flex;
}

.vairiables-block {
  cursor: none;
  flex-direction: column;
  width: 240px;
  margin-bottom: 48px;
  display: flex;
}

.check-box {
  grid-column-gap: 0px;
  text-transform: uppercase;
  cursor: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 24px;
  padding-left: 0;
  font-family: Pixelmix, sans-serif;
  display: flex;
  position: relative;
}

.checkbox {
  clear: right;
  outline-color: var(--black);
  outline-offset: 0px;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  outline-width: 2px;
  outline-style: solid;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: url('../images/Checkbox.svg');
  background-position: 50%;
  background-size: 14px;
  border-style: none;
  border-radius: 0;
}

.checkbox-label {
  clear: left;
  cursor: none;
  position: relative;
  left: 0;
}

.form-block {
  margin-bottom: 0;
}

.about-text {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider-text {
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-family: Pixelmix, sans-serif;
  font-size: 16px;
  display: flex;
}

.textarea {
  color: #000;
  letter-spacing: -.02em;
  text-transform: uppercase;
  cursor: none;
  background-color: #0000;
  background-image: url('../images/Try-Me-Icon.svg');
  background-position: 24px 24px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 80px 0 32px;
  font-family: Aeonik, sans-serif;
  font-size: 105px;
  font-weight: 500;
  line-height: 100%;
  overflow: hidden;
}

.form {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.form-block-2 {
  width: 100%;
  height: 100%;
}

.menu {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 56px;
  height: 16px;
  display: none;
}

.hamburger-line {
  background-color: var(--white);
  width: 100%;
  height: 2px;
  margin-top: 0;
}

.hamburger-line.bottom {
  margin-top: 10px;
}

.intro-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.intro-row.middle {
  left: 2.4vw;
}

.intro-row.skills {
  width: 105%;
}

.intro-paragraph {
  width: 300px;
  margin-bottom: 0;
}

.intro-paragraph.menu-link-text {
  z-index: 10;
  color: var(--gainsboro);
  width: auto;
  margin-left: 16px;
  position: relative;
}

.intro-paragraph.mobile {
  color: var(--gainsboro);
  text-align: right;
  width: auto;
  max-width: none;
  margin-top: 32px;
  font-size: 1.5vw;
  line-height: 150%;
}

.intro-paragraph.smaller-mobile {
  color: var(--gainsboro);
  width: auto;
  margin-bottom: 24px;
  margin-right: 6px;
  font-size: 1vw;
  line-height: 150%;
}

.intro-paragraph.smaller-mobile.absolute {
  position: absolute;
  bottom: 5vh;
}

.intro-paragraph.faq-s {
  width: auto;
}

.intro-coin {
  margin-right: 32px;
}

.download-brirf {
  z-index: 10;
  margin-bottom: 40px;
  margin-right: 40px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.scroll-text {
  color: var(--gainsboro);
  margin-bottom: 40px;
  margin-left: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.level-up-frame {
  z-index: 0;
  width: 37vw;
  max-width: none;
  margin-bottom: -30px;
  position: absolute;
  left: -8px;
}

.menu-details {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.menu-details.right {
  justify-content: flex-start;
}

.heading-4.all-caps {
  z-index: 10;
  text-transform: uppercase;
  font-size: 80px;
  position: relative;
}

.menu-link-block {
  align-items: flex-start;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ko-modal {
  z-index: 999;
  background-color: #9b97f5e6;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
}

.ko-icon {
  max-width: none;
  margin-bottom: 80px;
}

.ko-paragraph {
  color: var(--black);
  margin-bottom: 40px;
}

.ko-paragraph.none {
  margin-bottom: 0;
}

.ko-details {
  flex-direction: column;
  display: flex;
}

.ko-button {
  background-image: url('../images/KO-Button-Background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 155px;
  text-decoration: none;
  display: flex;
}

.splide {
  z-index: 50;
  background-color: var(--off-black);
  align-items: center;
  width: 200vw;
  height: 120px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% -50vw;
}

.spline {
  z-index: 10;
  width: 100vw;
  height: 100vw;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.scrolling-area {
  height: 200vh;
  overflow: visible;
}

.intro-background {
  z-index: -1;
  width: 100%;
  max-width: none;
  display: none;
  position: fixed;
  inset: -25% 0% 0%;
}

.your-face {
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 25% 0% 0%;
}

.values-details {
  grid-row-gap: 40px;
  border-left: 1px solid var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-left: 96px;
  padding-right: 40px;
  display: flex;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-2.all-caps {
  color: var(--off-black);
  text-transform: uppercase;
  font-size: 8vw;
  line-height: 110%;
}

.value-details-paragraph {
  grid-row-gap: 56px;
  width: 100%;
  display: flex;
}

.value-text {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-family: Aeonik, sans-serif;
  font-size: 20px;
  line-height: 133.5%;
}

.value-text.faq-s {
  color: var(--gainsboro);
}

.values3d {
  cursor: none;
  width: 50%;
  height: 100%;
}

.custom-cursor {
  z-index: 1000;
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.custom-cursor.other {
  display: none;
}

.cursor {
  width: 32px;
  max-width: none;
  margin-top: 40px;
  margin-left: 24px;
  padding-top: 0;
  position: absolute;
}

.dino-game {
  width: 100%;
  position: absolute;
  inset: auto 0% 120px;
  overflow: hidden;
}

.footer-text {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: Pixelmix, sans-serif;
  font-size: 28px;
  line-height: 95%;
}

.timer-block {
  grid-column-gap: 16px;
  color: var(--off-black);
  align-items: stretch;
  text-decoration: none;
  display: flex;
  position: relative;
}

.timer-box {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.logo-footer {
  filter: invert();
  position: absolute;
  inset: auto auto 0% 0%;
}

.faq-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-unselected {
  width: 2vw;
  max-width: none;
}

.faq-selected {
  width: 2vw;
}

.faq-heading {
  direction: ltr;
  color: var(--gainsboro);
  text-transform: uppercase;
  white-space: normal;
  width: auto;
  font-size: 3vw;
}

.pixel-box-2, .pixel-box-3 {
  mix-blend-mode: normal;
  background-color: #000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-right: 0;
}

.fooster-text {
  color: #fff;
  width: 100%;
  margin-right: 24px;
  font-family: Pixelmix, sans-serif;
  font-size: 16px;
}

.fooster-text.footer {
  color: var(--off-black);
  width: auto;
  margin-right: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.dropdown-toggle {
  grid-column-gap: 16px;
  align-items: center;
  width: 100%;
  padding-bottom: 24px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.dropdown {
  border-bottom: 1px solid var(--white);
  width: 100%;
  height: auto;
  padding-bottom: 24px;
  overflow: hidden;
}

.dropdown-list {
  grid-column-gap: 16px;
  background-color: #0000;
  align-items: center;
  display: flex;
  position: relative;
}

.dropdown-headers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mobile-cursor-video {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 80px;
  }

  .main {
    display: block;
  }

  .main.mobile {
    display: none;
  }

  .section {
    background-image: none;
  }

  .section.benefits {
    z-index: 0;
    margin-top: -75vh;
  }

  .section.benefits.candidate {
    z-index: 5;
    margin-top: -100vh;
  }

  .section.purple.about {
    z-index: 10;
    background-color: #0000;
    height: 400vh;
  }

  .section.menu-section {
    background-color: var(--black);
    perspective-origin: 50% 0;
    transform-origin: 50% 0;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: none;
  }

  .section.footer {
    z-index: 5;
    align-items: flex-start;
    height: 200vh;
    margin-top: -100vh;
  }

  .section.why-join {
    z-index: 8;
    background-color: var(--black);
    flex-flow: column;
    justify-content: flex-start;
    height: 1000vh;
    margin-top: -250vh;
    padding: 0;
    overflow: visible;
  }

  .section.how-to-apply {
    background-color: var(--black);
    perspective-origin: 0 0;
    transform-origin: 0 0;
    height: 750vh;
    padding: 0;
  }

  .section.faq-s {
    z-index: 10;
    background-color: var(--black);
    align-items: flex-start;
    height: 300vh;
    min-height: 100vh;
    padding: 80px 0 0;
    display: flex;
  }

  .section.previous-grads {
    background-color: var(--black);
    height: auto;
    min-height: 100vh;
    padding: 0;
  }

  .section.loader {
    z-index: 5000;
    background-color: var(--black);
    width: 100vw;
    padding: 0;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .container.centered.candidate-container {
    top: 88px;
  }

  .container.centered.candidate-container.last {
    display: flex;
  }

  .container.centered.face {
    height: 500vh;
    top: 0;
    bottom: 0;
  }

  .container.centered.workplace-benefits {
    width: 100%;
    height: 100vh;
    margin-top: 0;
    bottom: 160px;
    overflow: hidden;
  }

  .container.horizontal.about {
    z-index: 5;
    padding-top: 88px;
  }

  .container.horizontal.menu-section {
    align-items: flex-start;
    padding-top: 120px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .container.intro {
    align-items: flex-start;
    width: auto;
  }

  .container.footer {
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .container.why-join-block {
    background-color: var(--black);
    color: var(--black);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 500vh;
    margin-top: 0;
    padding-top: 25vh;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .container.why-join-block.horizontal {
    background-color: var(--khaki);
    flex-direction: row;
    height: 500vh;
    padding-top: 0;
    display: block;
    position: relative;
    overflow: visible;
  }

  .container.how-to-apply {
    border-top: 1px solid var(--white);
    flex-direction: column;
    align-items: flex-start;
    padding-top: 56px;
    display: flex;
  }

  .container.faq-s {
    height: auto;
    position: sticky;
    top: -119.4px;
    overflow: scroll;
  }

  .container.loader {
    flex-flow: row;
    justify-content: space-between;
    padding-bottom: 350px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .navigation {
    z-index: 500;
    mix-blend-mode: normal;
    background-color: #0000;
    padding: 24px 40px;
  }

  .logo {
    mix-blend-mode: normal;
  }

  .score-block {
    width: 300px;
    display: flex;
  }

  .score-text {
    mix-blend-mode: exclusion;
  }

  .score-hearts {
    grid-column-gap: 6px;
    color: var(--off-black);
    width: 200px;
    font-family: Pixelmix, sans-serif;
    font-size: 16px;
  }

  .apply-now-link.footer {
    z-index: 10;
    position: absolute;
    inset: -10% auto auto -10%;
    transform: rotate(-25deg);
  }

  .apply-now-link.hidden {
    opacity: 0;
  }

  .heading-1.all-caps.centered {
    font-size: 8vw;
  }

  .heading-1.all-caps.level-up {
    margin-right: 80px;
    padding-left: 8px;
    font-size: 8vw;
  }

  .heading-1.all-caps.why-join-level-up {
    color: var(--black);
    background-color: #0000;
    margin-bottom: 48px;
    font-size: 8vw;
  }

  .heading-1.all-caps.why-join-level-up.winner {
    text-align: center;
    margin-bottom: 24px;
    font-size: 6vw;
  }

  .heading-1.all-caps.how-to-apply {
    margin-bottom: 56px;
    margin-left: 96px;
    font-size: 7vw;
  }

  .heading-1.all-caps.other {
    font-size: 8vw;
  }

  .heading-1.all-caps {
    font-size: 150px;
  }

  .heading-1.all-caps.pixelated.yellow {
    color: #fbfda4;
  }

  .pixelated {
    font-size: 6vw;
  }

  .pixelated.smaller.white {
    color: #fff;
    font-size: 56px;
  }

  .pixelated.why-join {
    color: var(--gainsboro);
    margin-top: 0;
    margin-left: 16px;
    font-size: 6vw;
    display: inline-block;
  }

  .pixelated.how-to-apply {
    perspective-origin: 0 0;
    transform-origin: 0 0;
    width: auto;
    font-size: 64px;
  }

  .pixelated.how-to-apply.last {
    opacity: 1;
    font-size: 32px;
    line-height: 150%;
    display: block;
  }

  .pixelated.winner {
    font-size: 5vw;
  }

  .pixelated.level-up {
    font-size: 6vw;
  }

  .benefit {
    display: block;
  }

  .benefit.events {
    width: 620px;
    max-width: none;
  }

  .benefit.salary {
    z-index: 3;
    max-width: none;
    height: 448px;
  }

  .benefit.remote {
    width: 372px;
    max-width: none;
  }

  .pixelation-container {
    z-index: 1;
    flex-direction: column;
    height: 280px;
    display: flex;
    top: 280px;
  }

  .pixelation-container.about {
    z-index: 1;
    display: flex;
    position: sticky;
  }

  .pixelation-container.about.faq-s {
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .pixel-box {
    background-color: var(--cornflower-blue);
  }

  .type-variables {
    z-index: 5;
    border-left-width: .5px;
    position: relative;
  }

  .checkbox {
    cursor: none;
  }

  .checkbox-label {
    color: var(--black);
  }

  .slider-text {
    color: var(--black);
    font-size: 14px;
  }

  .textarea {
    color: var(--black);
    background-position: 24px 24px;
    background-size: 120px;
    font-size: 80px;
  }

  .menu {
    mix-blend-mode: exclusion;
    justify-content: space-between;
    width: 64px;
    height: 24px;
    padding: 4px 8px;
    display: flex;
  }

  .hamburger-line {
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
  }

  .intro-row {
    z-index: 2;
    justify-content: flex-start;
    width: auto;
  }

  .intro-row.level-up {
    z-index: 0;
  }

  .intro-paragraph {
    width: auto;
    font-size: 14px;
  }

  .intro-paragraph.menu-link-text {
    text-decoration: none;
  }

  .intro-paragraph.menu-link-text.faq-s {
    margin-top: -8px;
    margin-left: 0;
    top: 16px;
  }

  .intro-paragraph.loader {
    color: #fbfda4;
    width: auto;
    max-width: 45%;
  }

  .intro-paragraph.loader.intiatives-logo {
    max-width: none;
  }

  .intro-paragraph.level-up {
    width: auto;
  }

  .intro-paragraph.values {
    margin-right: 40px;
  }

  .intro-paragraph.faq-s {
    color: var(--gainsboro);
  }

  .intro-coin {
    width: 120px;
    max-width: none;
  }

  .download-brirf {
    z-index: 15;
  }

  .level-up-frame {
    width: 36vw;
    margin-bottom: 0;
    left: 0;
  }

  .menu-details.right {
    height: auto;
  }

  .heading-4.all-caps {
    font-size: 5vw;
  }

  .heading-4.all-caps.menu-pixalted {
    color: var(--khaki);
    font-family: Pixelmix, sans-serif;
  }

  .menu-link-block {
    margin-bottom: 0;
    padding-bottom: 24px;
    overflow: visible;
  }

  .ko-modal {
    justify-content: center;
    padding-top: 0;
    display: none;
  }

  .ko-icon {
    width: 24%;
  }

  .ko-details {
    align-items: center;
  }

  .ko-button {
    background-image: url('../images/Continue.svg');
    background-size: contain;
    padding-left: 24px;
    padding-right: 24px;
  }

  .splide {
    z-index: 50;
    width: 15000vw;
    display: none;
    inset: -16px 0% 0 -100vw;
    overflow: hidden;
  }

  .spline {
    z-index: 1;
    width: 100vw;
    height: 100vh;
    display: block;
    top: 0%;
    left: 0%;
  }

  .scrolling-area {
    height: 400vh;
  }

  .intro-background {
    display: block;
    top: -15%;
  }

  .your-face {
    width: 40%;
    max-width: none;
    top: 10%;
  }

  .heading-2.all-caps {
    color: var(--white);
    font-size: 72px;
  }

  .value-details-paragraph {
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
  }

  .value-text {
    color: #d9dedc;
    width: auto;
    margin-left: 0;
    font-size: 16px;
  }

  .custom-cursor {
    z-index: 6000;
    display: flex;
    top: 0;
  }

  .custom-cursor.other {
    display: none;
  }

  .dino-game {
    z-index: 1;
    top: auto;
    bottom: 24px;
  }

  .footer-text {
    z-index: 10;
    font-size: 20px;
    position: relative;
  }

  .footer-text.hidden {
    display: none;
  }

  .timer-block {
    z-index: 10;
    color: var(--black);
    text-decoration: none;
  }

  .timer-block.hidden {
    display: none;
  }

  .logo-footer {
    z-index: 10;
  }

  .apply-now-text {
    filter: invert(0%);
  }

  .apply-now-text.footer {
    filter: none;
    color: var(--off-black);
  }

  .why-join-heading {
    text-transform: uppercase;
    font-size: 8vw;
  }

  .why-join-heading-block {
    align-items: center;
    display: flex;
  }

  .why-join-paragraph {
    text-align: center;
    letter-spacing: -.01em;
    font-family: Aeonik, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 133.5%;
  }

  .why-join-mac {
    background-image: url('../images/Machintosh.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 27vw;
    max-width: none;
    height: 38vw;
    position: absolute;
    top: 50vh;
    bottom: auto;
    overflow: visible;
  }

  .horizontal-rail {
    justify-content: flex-start;
    align-items: flex-start;
    width: 550vw;
    height: 100vh;
    display: flex;
    position: relative;
    top: 0;
    bottom: 0;
    transform: translate(25%);
  }

  .horizontal-container {
    background-color: var(--khaki);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .horizontal-container.second-frame {
    z-index: 0;
    background-image: url('../images/Second-Frame-Background.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 50%;
    position: relative;
    overflow: hidden;
  }

  .horizontal-container.guidance {
    background-color: #0000;
    background-image: url('../images/Grid.svg');
    background-position: 50%;
    background-size: cover;
    width: 100%;
  }

  .horizontal-container.winner {
    background-image: url('../images/Winner-Takes-All-Frame.svg'), url('../images/Grid.svg');
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 60% 60%, cover;
  }

  .horizontal-container.divider {
    background-color: #0000;
    width: auto;
    overflow: visible;
  }

  .horizontal-container.bundle {
    flex-direction: row;
    justify-content: flex-start;
    width: 200%;
    height: 100vh;
  }

  .horizontal-container.third-frame {
    z-index: 0;
    width: 50%;
  }

  .aeonik {
    margin-bottom: 0;
    font-family: Aeonik, sans-serif;
  }

  .aeonik.level-up-slide {
    color: var(--black);
  }

  .aeonik.level-up-slide.develop {
    position: relative;
    top: 25%;
    left: 240px;
  }

  .aeonik.level-up-slide.guidance {
    width: 408px;
    font-size: 16px;
    line-height: 133%;
  }

  .aeonik.level-up-slide.winner {
    text-align: center;
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 133%;
  }

  .why-join-level-up-details {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }

  .why-join-level-up-details.guidance {
    align-items: flex-start;
  }

  .clippy {
    width: 64px;
    position: absolute;
    inset: auto 10% 24px auto;
  }

  .final-jpg {
    width: 120px;
    position: absolute;
    inset: 25% 25% auto auto;
  }

  .photoshop-sidebar {
    position: absolute;
    inset: 25% auto 0% 0%;
  }

  .bitmap-image {
    z-index: 0;
    width: 40%;
    max-width: none;
    position: relative;
  }

  .font {
    position: absolute;
    inset: 15% auto auto 10%;
  }

  .psd {
    position: absolute;
    inset: auto auto 15% 10%;
  }

  .figma {
    position: absolute;
    inset: 25% 10% auto auto;
  }

  .awwwards {
    position: absolute;
    inset: auto 10% 15% auto;
  }

  .background-logo {
    width: 300%;
    max-width: none;
    position: absolute;
    left: 0;
  }

  .background-logo.second {
    left: 320%;
  }

  .team-huddles {
    position: absolute;
    inset: auto 0% 15% auto;
  }

  .picker {
    position: absolute;
    inset: 10% 0% auto auto;
  }

  .support {
    position: absolute;
    inset: 20% auto auto;
  }

  .awwwards-courses {
    position: absolute;
    inset: auto auto 15% 20%;
  }

  .winner-apply-now.hidden {
    display: none;
  }

  .how-to-appl-steps-block {
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    width: 100%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 87px;
    overflow: hidden;
  }

  .step-block {
    border-right: 1px solid var(--white);
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
    padding-top: 72px;
    padding-bottom: 192px;
    padding-left: 64px;
    display: flex;
  }

  .step-block.last {
    border-right-style: none;
    padding-left: 32px;
    text-decoration: none;
  }

  .step-text {
    opacity: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 32px;
  }

  .how-to-apply-cta {
    grid-column-gap: 0px;
    opacity: 1;
    perspective-origin: 0 0;
    transform-origin: 0 0;
    justify-content: flex-start;
    align-items: flex-end;
    padding-right: 0;
    text-decoration: none;
    display: flex;
  }

  .how-to-apply-cta.hidden {
    opacity: 0;
  }

  .apply-now-arrow {
    filter: invert();
    width: 48px;
    max-width: none;
    margin-bottom: 8px;
    margin-left: 0;
  }

  .faq-header {
    z-index: 10;
    border-bottom: 1px solid var(--white);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 48px;
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
  }

  .faq-s-list {
    z-index: 10;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .faq-s-icons {
    width: 2vw;
    display: block;
    position: relative;
    top: 16px;
  }

  .faq-unselected {
    width: 2vw;
    max-width: none;
    margin-top: -12px;
    display: block;
  }

  .faq-selected {
    width: 3vw;
    max-width: none;
    display: none;
    position: absolute;
    top: -16px;
    left: -8px;
  }

  .faq-heading {
    color: var(--gainsboro);
    text-transform: uppercase;
    font-size: 32px;
  }

  .web-slider {
    background-color: #0000;
    width: 100%;
    height: 100vh;
  }

  .slide-nav {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 24px;
    display: flex;
    inset: 120px 0% auto;
  }

  .arrow {
    cursor: none;
    border: 1px #fff;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
    inset: auto 0% 120px 120px;
  }

  .arrow.left {
    cursor: none;
    display: flex;
    bottom: 120px;
    left: -120px;
    right: 0%;
  }

  .slide {
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    background-color: var(--black);
    width: 100%;
    height: 100vh;
  }

  .mask {
    height: 100%;
  }

  .grad-name {
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: 12px;
    font-family: Pixelmix, sans-serif;
    font-weight: 400;
  }

  .grad-name.workplace {
    color: #ffffff80;
    margin-bottom: 0;
  }

  .grad-details {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grad-quote {
    grid-row-gap: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-left: 116px;
    padding-right: 116px;
    display: flex;
    position: relative;
  }

  .quote {
    color: var(--gainsboro-2);
    text-align: center;
    text-transform: uppercase;
    max-width: none;
    font-size: 3vw;
    font-weight: 400;
    line-height: 110%;
  }

  .loader-draw {
    width: 62%;
    padding-top: 40px;
    padding-left: 40px;
    position: relative;
    inset: 0%;
  }

  .pixel-box-2 {
    background-color: var(--khaki);
    opacity: 0;
  }

  .splide__track {
    width: 100%;
    display: flex;
  }

  .splide__slide {
    align-items: center;
    width: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .splide__list {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .initiatves-logos-2 {
    clear: none;
    border-left: 1px solid #fbfda4;
    flex: 0 auto;
    order: 1;
    justify-content: flex-end;
    width: 488px;
    padding-top: 40px;
    padding-right: 40px;
    display: flex;
  }

  .loader-sub-text-2 {
    border-top: 1px solid #fbfda4;
    flex-direction: column;
    justify-content: space-between;
    height: 350px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .pixel-box-3 {
    opacity: 0;
    background-color: #fbfda4;
  }

  .loader-percent-2 {
    z-index: 1;
    border-top: 1px solid #fbfda4;
    border-left: 1px solid #fbfda4;
    justify-content: center;
    align-items: center;
    width: 488px;
    height: 350px;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .mac-loading-screen {
    background-color: var(--khaki);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 21vw;
    height: 13vw;
    margin-top: 5vw;
    margin-left: auto;
    margin-right: auto;
    font-family: Pixelmix, sans-serif;
    font-size: 8px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
  }

  .mac-loader-containter {
    grid-column-gap: 2px;
    background-image: url('../images/Mac-Loader-container.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row;
    align-items: center;
    width: 50px;
    height: 13px;
    padding: 2px 0 2px 4px;
    display: flex;
  }

  .mac-loader-block {
    background-color: var(--black);
    width: 6px;
    height: 6px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .horizontal-wrapper {
    width: 100vw;
    height: 100vh;
    padding-left: 40px;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .horizontal-scroll-element.photoshop-sidebar {
    width: 8%;
    max-width: none;
  }

  .horizontal-scroll-element.final-jpg {
    width: 80px;
  }

  .horizontal-scroll-element.clippy {
    width: 56px;
  }

  .horizontal-scroll-element.psd {
    width: 10%;
  }

  .horizontal-scroll-element.figma {
    z-index: 10;
    width: 3%;
    max-width: none;
    left: 35%;
    right: auto;
  }

  .horizontal-scroll-element.awwwards {
    z-index: 10;
    width: 3%;
    left: 40%;
    right: auto;
  }

  .horizontal-scroll-element.font, .horizontal-scroll-element.team-huddles {
    width: 10%;
  }

  .horizontal-scroll-element.awwwards-courses {
    width: 6%;
  }

  .horizontal-scroll-element.support {
    width: 8%;
  }

  .horizontal-scroll-element.picker {
    width: 25%;
  }

  .horizontal-scroll-element.figma-cursor {
    width: 20%;
    max-width: none;
    position: absolute;
    bottom: 10%;
    left: auto;
    right: 25%;
  }

  .about-figma-header {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .aa-background {
    z-index: 0;
    width: 35%;
    max-width: none;
    position: absolute;
    right: 40px;
  }

  .falling-money {
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    top: -40px;
    left: auto;
  }

  .flying-money {
    height: 80px;
    padding-left: 34px;
    padding-right: 24px;
  }

  .golden-ration {
    max-width: none;
    height: 100%;
  }

  .fooster-text.footer {
    z-index: 10;
    color: var(--off-black);
    text-transform: uppercase;
  }

  .dropdown-toggle {
    grid-column-gap: 64px;
    cursor: none;
    border: 1px #000;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 0 0 24px;
    display: flex;
  }

  .dropdown {
    border-bottom: 1px solid var(--white);
    cursor: none;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    padding-bottom: 16px;
    display: block;
    overflow: hidden;
  }

  .dropdown-list {
    grid-column-gap: 64px;
    background-color: #ddd0;
    align-items: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
    left: 0;
  }

  .dropdown-headers {
    grid-column-gap: 72px;
    align-items: flex-start;
    height: 40px;
    display: flex;
  }

  .dropdown-headers.hidden {
    opacity: 0;
  }

  .heading-5 {
    font-size: 8vw;
  }

  .how-to-apply-step {
    width: 25vw;
  }

  .step-body {
    color: var(--gainsboro);
    margin-bottom: 0;
    font-family: Aeonik, sans-serif;
  }

  .menu-link-container, .menu-suffix-block {
    overflow: hidden;
  }

  .black-background {
    z-index: -1;
    background-color: var(--black);
    opacity: .5;
    position: absolute;
    inset: 0%;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 80px;
  }

  .section.menu-section {
    padding-top: 0;
  }

  .section.why-join {
    background-color: var(--black);
    color: var(--black);
  }

  .section.loader {
    display: none;
  }

  .container.horizontal.menu-section {
    padding-top: 180px;
  }

  .container.why-join-block {
    color: var(--black);
  }

  .container.faq-s {
    top: -130.3px;
  }

  .navigation {
    background-color: #0000;
  }

  .heading-1.all-caps {
    font-size: 120px;
  }

  .pixelated.smaller.white {
    font-size: 56px;
  }

  .intro-paragraph.values {
    margin-right: 80px;
  }

  .scrolling-area {
    height: 400vh;
  }

  .heading-2.all-caps {
    font-size: 72px;
  }

  .value-text {
    width: 80vw;
    font-size: 16px;
  }

  .value-text.faq-s {
    width: auto;
  }

  .custom-cursor, .custom-cursor.other {
    display: none;
  }

  .footer-text {
    font-size: 24px;
  }

  .apply-now-text {
    filter: invert();
  }

  .faq-unselected {
    width: 1.5vw;
  }

  .loader-draw {
    width: 66%;
  }

  .horizontal-scroll-element.team-huddles {
    width: 7%;
  }

  .horizontal-scroll-element.support {
    width: 6%;
  }

  .dropdown {
    padding-bottom: 24px;
  }

  .dropdown-list {
    left: 0;
  }
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: 150px;
  }

  .container.faq-s {
    top: -165.9px;
  }

  .navigation {
    background-color: #0000;
  }

  .heading-1.all-caps {
    font-size: 150px;
  }

  .heading-1.all-caps.centered {
    font-size: 8vw;
  }

  .heading-1.all-caps.level-up {
    margin-right: 120px;
  }

  .heading-1.all-caps.why-join-level-up {
    font-size: 8vw;
  }

  .heading-1.all-caps.why-join-level-up.winner {
    font-size: 120px;
  }

  .pixelated.smaller.white {
    font-size: 94px;
  }

  .pixelated.why-join {
    margin-top: 28px;
    font-size: 120px;
  }

  .pixelated.winner {
    font-size: 110px;
  }

  .checkbox.w--redirected-checked {
    background-image: url('../images/Checkbox.svg');
    background-repeat: no-repeat;
    background-size: 14px;
  }

  .textarea, .form-block-2 {
    font-size: 105px;
  }

  .intro-paragraph {
    font-size: 16px;
  }

  .splide {
    height: auto;
    left: -50vw;
  }

  .scrolling-area {
    height: 400vh;
  }

  .your-face {
    width: 30%;
    top: 10%;
  }

  .heading-2.all-caps {
    font-size: 120px;
  }

  .value-text {
    font-size: 24px;
  }

  .dino-game {
    overflow: visible;
  }

  .why-join-heading {
    font-size: 150px;
  }

  .why-join-paragraph {
    font-size: 24px;
  }

  .horizontal-rail {
    background-image: none;
    transform: none;
  }

  .horizontal-container.winner {
    background-size: 64%, cover;
  }

  .aeonik.level-up-slide {
    font-size: 24px;
    line-height: 28px;
  }

  .aeonik.level-up-slide.develop {
    top: 28%;
    left: 240px;
  }

  .aeonik.level-up-slide.guidance {
    width: auto;
    font-size: 24px;
  }

  .bitmap-image {
    width: 50%;
  }

  .faq-header {
    font-size: 150px;
  }

  .faq-s-icons {
    width: 2vw;
  }

  .faq-unselected {
    width: 1.5vw;
    max-width: 32px;
  }

  .faq-selected {
    width: 2.5vw;
    max-width: 48px;
  }

  .slide-nav {
    padding-bottom: 0;
    position: absolute;
    inset: 160px 0% auto;
  }

  .arrow {
    border-style: none;
    width: 32px;
    height: 32px;
    display: flex;
    inset: auto 0% 120px 124px;
  }

  .arrow.left {
    border-style: none;
    display: flex;
    left: -124px;
    right: 0%;
  }

  .slide {
    border-bottom: 1px solid var(--white);
  }

  .quote {
    text-transform: uppercase;
    max-width: 75%;
    font-size: 3vw;
  }

  .loader-draw {
    width: 74.5%;
  }

  .arrow-icon.left {
    transform: none;
  }

  .horizontal-scroll-element.photoshop-sidebar {
    width: auto;
  }

  .horizontal-scroll-element.final-jpg {
    width: 132px;
  }

  .horizontal-scroll-element.clippy {
    width: 120px;
  }

  .horizontal-scroll-element.psd, .horizontal-scroll-element.figma, .horizontal-scroll-element.awwwards, .horizontal-scroll-element.font {
    width: auto;
  }

  .horizontal-scroll-element.team-huddles {
    width: auto;
    right: 16%;
  }

  .horizontal-scroll-element.awwwards-courses, .horizontal-scroll-element.support {
    width: auto;
  }

  .horizontal-scroll-element.picker {
    width: auto;
    right: 80px;
  }

  .horizontal-scroll-element.figma-cursor {
    width: auto;
  }

  .aa-background {
    width: 50%;
  }

  .flying-money {
    height: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .dropdown {
    padding-bottom: 24px;
  }

  .dropdown-list {
    left: 0;
  }
}

@media screen and (max-width: 991px) {
  .main.mobile {
    padding-left: 0;
  }

  .section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section.how-to-apply {
    background-image: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section.loader {
    display: none;
  }

  .section.about {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.intro {
    padding-left: 0;
    padding-right: 0;
  }

  .navigation {
    padding-left: 40px;
    padding-right: 40px;
  }

  .apply-now-link.hidden {
    opacity: 0;
  }

  .heading-1 {
    font-size: 10vw;
  }

  .heading-1.all-caps {
    font-size: 15vw;
  }

  .heading-1.all-caps.level-up {
    margin-right: 0;
    font-size: 10vw;
  }

  .pixelated {
    font-size: 8vw;
  }

  .intro-paragraph.mobile {
    color: var(--gainsboro);
    max-width: none;
    font-size: 2vw;
    line-height: 150%;
  }

  .intro-paragraph.smaller-mobile {
    color: var(--gainsboro);
    margin-bottom: 24px;
    font-size: 2vw;
  }

  .level-up-frame {
    width: 48vw;
    margin-bottom: -3px;
  }

  .intro-background {
    top: 0%;
  }

  .value-text.faq-s {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .section, .section.about, .navigation {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pixelated {
    margin-left: 8px;
  }

  .faq-heading {
    font-size: 24px;
  }
}

@media screen and (max-width: 479px) {
  .main.mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .section {
    background-image: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
  }

  .section.how-to-apply {
    background-image: none;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section.faq-s {
    padding-bottom: 120px;
    overflow: hidden;
  }

  .section.about {
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation {
    background-color: #0000;
    padding: 24px 16px;
  }

  .logo {
    width: 200px;
  }

  .apply-now-link {
    display: none;
  }

  .apply-now-link.footer {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .apply-now-link.mobile {
    opacity: 0;
    color: var(--white);
    background-image: url('../images/Apply-Now-Button-Mobile.svg');
    margin-right: 0;
    padding: 4px 9px 4px 8px;
    font-size: 12px;
    display: flex;
  }

  .heading-1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14vw;
  }

  .heading-1.all-caps {
    font-size: 15vw;
  }

  .heading-1.all-caps.level-up {
    margin-right: 0;
  }

  .heading-1.footer {
    margin-bottom: 8px;
  }

  .pixelated {
    font-size: 12vw;
  }

  .pixelated.all-caps {
    margin-left: 0;
    font-size: 40px;
  }

  .pixelated.how-to-apply {
    font-size: 40px;
  }

  .intro-row {
    z-index: 5;
    margin-bottom: 4px;
    left: 0;
  }

  .intro-row.level-up {
    justify-content: flex-start;
    align-items: center;
    left: auto;
  }

  .intro-row.middle {
    margin-top: 12px;
    margin-bottom: 8px;
    left: 2.5vw;
  }

  .intro-row.skills {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .intro-paragraph.mobile {
    z-index: 10;
    color: #ffffffb3;
    text-align: right;
    width: auto;
    margin-top: 0;
    font-size: 3vw;
    line-height: 150%;
    position: relative;
  }

  .intro-paragraph.smaller-mobile {
    color: #ffffffb3;
    margin-bottom: 32px;
    font-size: 12px;
    line-height: 16px;
  }

  .intro-paragraph.smaller-mobile.absolute {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 3vw;
    position: absolute;
    inset: auto auto 15vh;
  }

  .scroll-text {
    margin-left: 24px;
    font-size: 12px;
  }

  .level-up-frame {
    width: 105%;
  }

  .intro-background {
    width: auto;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    left: -87%;
  }

  .heading-2.all-caps {
    font-size: 48px;
  }

  .value-text.faq-s {
    font-size: 14px;
  }

  .footer-text {
    margin-bottom: 24px;
    font-size: 13px;
  }

  .timer-block {
    grid-column-gap: 8px;
  }

  .faq-unselected {
    width: 8px;
  }

  .faq-heading {
    font-size: 20px;
  }

  .dropdown {
    padding-bottom: 0;
  }

  .dropdown-list {
    position: absolute;
  }

  .mobile-cursor-video {
    z-index: -1;
    mix-blend-mode: normal;
    width: 100vw;
    height: 100vh;
    left: auto;
    right: auto;
  }
}


@font-face {
  font-family: 'Pixelmix';
  src: url('../fonts/pixelmix_bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pixelmix';
  src: url('../fonts/pixelmix.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('../fonts/Aeonik-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('../fonts/Aeonik-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('../fonts/Aeonik-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('../fonts/Aeonik-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}