@font-face {
  font-family: TTFirsNeue;
  src: url(/assets/TTFirsNeue-Light.161a6e8f.ttf);
  font-weight: 300
}

@font-face {
  font-family: TTFirsNeue;
  src: url(/assets/TTFirsNeue-Regular.88841545.ttf);
  font-weight: 400
}

@font-face {
  font-family: TTFirsNeue-SemiBold;
  src: url(/assets/TTFirsNeue-SemiBold.e621a1cb.ttf);
  font-weight: 600
}

.header {
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0
}

.header__logo {
  width: 29.87vw;
  height: 9.33vw;
  margin: 10.67vw 0 0 35.2vw
}

@media (min-width:1000px) {
  .header__logo {
    width: 10.83vw;
    height: 3.28vw;
    margin: 3.33vw 0 0 4.17vw
  }
}

.main {
  height: 100vh;
  place-content: center;
  display: grid
}

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

.main__content p {
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: .885vw;
  font-size: 2.292vw;
  font-weight: 700
}

.main__content a {
  color: #fff;
  text-underline-offset: .313vw;
  font-size: 1.354vw;
  font-weight: 400;
  transition: color .3s ease-in-out
}

.main__content a:hover {
  color: #f8ff13 !important
}

.main__content a:visited {
  color: #fff
}

@media (max-width:1000px) {
  .main__content p {
    font-size: 8.125vw;
    font-weight: 600
  }

  .main__content a {
    text-underline-offset: .875vw;
    font-size: 4.375vw;
    font-weight: 400
  }
}

* {
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding: 0
}

html {
  filter: contrast(105%)
}

body {
  width: 100vw;
  height: 100%;
  scroll-behavior: smooth;
  background: #000 url(/assets/bg-mobile.559561ec.jpg) top/cover no-repeat;
  font-family: TTFirsNeue, sans-serif
}

@media (min-width:1000px) {
  body {
    background: #000 url(/assets/bg-desktop.2646a881.jpg) top/cover no-repeat
  }
}