@font-face {
  font-family: "Rexlia";
  src: url("./assets/Rexlia-hv.woff") format("woff"); }
::-moz-selection {
  background-color: transparent; }

::selection {
  background-color: transparent; }

* {
  margin: 0;
  text-decoration: none;
  color: #000000;
  box-sizing: border-box;
  font-weight: normal;
  width: 100%; }

body {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100vh;
  width: 100vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-width: 420px;
  align-items: center;
  justify-content: flex-end;
  overflow-x: hidden; }
  body #mobile_hider {
    display: none; }
  @media (max-aspect-ratio: 0.5) {
    body #mobile_hider {
      inset: 0;
      z-index: 100;
      cursor: pointer;
      display: block;
      position: fixed;
      background: center/60% no-repeat url(./assets/logo.png), center/cover no-repeat url(./assets/bg.webp); } }

.hider {
  position: absolute;
  inset: 0;
  background-color: white;
  opacity: 1;
  z-index: 100;
  transition: opacity 0.1s linear; }

.gradient {
  background: linear-gradient(180deg, #ffffff 12.93%, #dbdbdb 92.24%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.pop-content {
  position: absolute;
  top: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: max(1vh, 1vw) 0 max(3vh, 2vw);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100vh;
  overflow: hidden;
  background: center/cover no-repeat url(./assets/bg.webp); }
  .pop-content.hidden {
    display: none; }
  @media (max-aspect-ratio: 1) {
    .pop-content {
      padding: 3% 5% 6%;
      align-items: flex-start; } }
  .pop-content .header {
    margin-bottom: 3%;
    z-index: 10; }
    .pop-content .header h1 {
      font-family: "Rexlia";
      font-weight: 800;
      text-transform: uppercase;
      -webkit-filter: drop-shadow(0 0 0.5rem #000000);
      filter: drop-shadow(0 0 0.5rem #000000);
      width: auto;
      text-align: center;
      line-height: 0.9; }
      .pop-content .header h1:nth-child(1) {
        font-size: calc( 51px + 119 * ((100vw - 420px) / 1500) ); }
        @media (min-aspect-ratio: 7 / 3) {
          .pop-content .header h1:nth-child(1) {
            font-size: calc( 51px + 119* 0.7 * ((100vw - 420px) / 1500) ); } }
      .pop-content .header h1:nth-child(2) {
        font-size: calc( 36px + 84 * ((100vw - 420px) / 1500) ); }
        @media (min-aspect-ratio: 7 / 3) {
          .pop-content .header h1:nth-child(2) {
            font-size: calc( 36px + 84* 0.7 * ((100vw - 420px) / 1500) ); } }
      .pop-content .header h1:nth-child(3) {
        font-size: calc( 31.2px + 72.8 * ((100vw - 420px) / 1500) ); }
        @media (min-aspect-ratio: 7 / 3) {
          .pop-content .header h1:nth-child(3) {
            font-size: calc( 31.2px + 72.8* 0.7 * ((100vw - 420px) / 1500) ); } }
      @media (max-aspect-ratio: 1) {
        .pop-content .header h1 {
          text-align: left; } }
  .pop-content .logo {
    width: 17%;
    z-index: 10; }
    @media (max-aspect-ratio: 1.9) {
      .pop-content .logo {
        width: 20%; } }
    @media (max-aspect-ratio: 1) {
      .pop-content .logo {
        width: 40%; } }
    @media (min-aspect-ratio: 7 / 3) {
      .pop-content .logo {
        width: 15%; } }
  .pop-content .buttons {
    z-index: 11;
    display: flex;
    justify-content: space-around; }
    .pop-content .buttons #steam-btn,
    .pop-content .buttons #web-btn {
      width: max(55vh, 30vw);
      -webkit-filter: drop-shadow(0px 0px 1rem #75b022);
      filter: drop-shadow(0px 0px 1rem #75b022);
      transition: all 0.1s linear;
      -webkit-animation: play 2s linear infinite;
      animation: play 2s linear infinite;
      transition: all 0.25s linear;
      cursor: pointer;
      z-index: 10; }
      .pop-content .buttons #steam-btn:hover,
      .pop-content .buttons #web-btn:hover {
        scale: 1.05;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        transition: all 0.25s linear;
        -webkit-filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 1.5rem #75b022) !important;
        filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 1.5rem #75b022) !important; }
      @media (min-aspect-ratio: 7 / 3) {
        .pop-content .buttons #steam-btn,
        .pop-content .buttons #web-btn {
          width: max(50vh, 24vw); } }
      @media (max-aspect-ratio: 1) {
        .pop-content .buttons #steam-btn,
        .pop-content .buttons #web-btn {
          width: max(50vh, 30vw);
          margin-left: 5%; } }
  .pop-content .pop-girls_girl {
    position: absolute;
    bottom: 0;
    width: auto;
    height: 100%; }
  .pop-content .pop-girls_girl.left-girl {
    left: -200%;
    -webkit-animation: girl-appear-left 8s linear infinite;
    animation: girl-appear-left 8s linear infinite; }
    @media (max-aspect-ratio: 1.9) {
      .pop-content .pop-girls_girl.left-girl {
        -webkit-animation: girl-appear-mobile-left 8s linear infinite;
        animation: girl-appear-mobile-left 8s linear infinite; } }
    @media (max-aspect-ratio: 1) {
      .pop-content .pop-girls_girl.left-girl {
        display: none; } }
    .pop-content .pop-girls_girl.left-girl:nth-child(4) {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
      left: 0; }
    .pop-content .pop-girls_girl.left-girl:nth-child(5) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .pop-content .pop-girls_girl.left-girl:nth-child(6) {
      -webkit-animation-delay: 3.5s;
      animation-delay: 3.5s; }
    .pop-content .pop-girls_girl.left-girl:nth-child(7) {
      -webkit-animation-delay: 5.5s;
      animation-delay: 5.5s; }
  .pop-content .pop-girls_girl.right-girl {
    right: -200%;
    -webkit-animation: girl-appear-right 8s linear infinite;
    animation: girl-appear-right 8s linear infinite; }
    @media (max-aspect-ratio: 1.9) {
      .pop-content .pop-girls_girl.right-girl {
        -webkit-animation: girl-appear-mobile-right 8s linear infinite;
        animation: girl-appear-mobile-right 8s linear infinite; } }
    .pop-content .pop-girls_girl.right-girl:nth-child(8) {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
      right: 0; }
    .pop-content .pop-girls_girl.right-girl:nth-child(9) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .pop-content .pop-girls_girl.right-girl:nth-child(10) {
      -webkit-animation-delay: 3.5s;
      animation-delay: 3.5s; }
    .pop-content .pop-girls_girl.right-girl:nth-child(11) {
      -webkit-animation-delay: 5.5s;
      animation-delay: 5.5s; }
    .pop-content .pop-girls_girl.right-girl:nth-child(12) {
      -webkit-animation-delay: 7.5s;
      animation-delay: 7.5s; }

.de .header h1:nth-child(1) {
  font-size: calc( 40.2px + 93.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .de .header h1:nth-child(1) {
      font-size: calc( 40.2px + 93.8* 0.7 * ((100vw - 420px) / 1500) ); } }
.de .header h1:nth-child(2) {
  font-size: calc( 35.4px + 82.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .de .header h1:nth-child(2) {
      font-size: calc( 35.4px + 82.6* 0.7 * ((100vw - 420px) / 1500) ); } }
.de .header h1:nth-child(3) {
  font-size: calc( 27px + 63 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .de .header h1:nth-child(3) {
      font-size: calc( 27px + 63* 0.7 * ((100vw - 420px) / 1500) ); } }

.fr .header h1:nth-child(1) {
  font-size: calc( 28.8px + 67.2 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .fr .header h1:nth-child(1) {
      font-size: calc( 28.8px + 67.2* 0.7 * ((100vw - 420px) / 1500) ); } }
.fr .header h1:nth-child(2) {
  font-size: calc( 44.4px + 103.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .fr .header h1:nth-child(2) {
      font-size: calc( 44.4px + 103.6* 0.7 * ((100vw - 420px) / 1500) ); } }
.fr .header h1:nth-child(3) {
  font-size: calc( 36px + 84 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .fr .header h1:nth-child(3) {
      font-size: calc( 36px + 84* 0.7 * ((100vw - 420px) / 1500) ); } }

.es .header h1:nth-child(1) {
  font-size: calc( 45px + 105 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .es .header h1:nth-child(1) {
      font-size: calc( 45px + 105* 0.7 * ((100vw - 420px) / 1500) ); } }
.es .header h1:nth-child(2) {
  font-size: calc( 38.4px + 89.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .es .header h1:nth-child(2) {
      font-size: calc( 38.4px + 89.6* 0.7 * ((100vw - 420px) / 1500) ); } }
.es .header h1:nth-child(3) {
  font-size: calc( 21.6px + 50.4 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .es .header h1:nth-child(3) {
      font-size: calc( 21.6px + 50.4* 0.7 * ((100vw - 420px) / 1500) ); } }

.it .header h1:nth-child(1) {
  font-size: calc( 46.2px + 107.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .it .header h1:nth-child(1) {
      font-size: calc( 46.2px + 107.8* 0.7 * ((100vw - 420px) / 1500) ); } }
.it .header h1:nth-child(2) {
  font-size: calc( 30.6px + 71.4 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .it .header h1:nth-child(2) {
      font-size: calc( 30.6px + 71.4* 0.7 * ((100vw - 420px) / 1500) ); } }
.it .header h1:nth-child(3) {
  font-size: calc( 22.2px + 51.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .it .header h1:nth-child(3) {
      font-size: calc( 22.2px + 51.8* 0.7 * ((100vw - 420px) / 1500) ); } }

.pt .header h1:nth-child(1) {
  font-size: calc( 46.2px + 107.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .pt .header h1:nth-child(1) {
      font-size: calc( 46.2px + 107.8* 0.7 * ((100vw - 420px) / 1500) ); } }
.pt .header h1:nth-child(2) {
  font-size: calc( 27px + 63 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .pt .header h1:nth-child(2) {
      font-size: calc( 27px + 63* 0.7 * ((100vw - 420px) / 1500) ); } }
.pt .header h1:nth-child(3) {
  font-size: calc( 17.4px + 40.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .pt .header h1:nth-child(3) {
      font-size: calc( 17.4px + 40.6* 0.7 * ((100vw - 420px) / 1500) ); } }

.ro .header h1:nth-child(1) {
  font-size: calc( 38.4px + 89.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .ro .header h1:nth-child(1) {
      font-size: calc( 38.4px + 89.6* 0.7 * ((100vw - 420px) / 1500) ); } }
.ro .header h1:nth-child(2) {
  font-size: calc( 37.2px + 86.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .ro .header h1:nth-child(2) {
      font-size: calc( 37.2px + 86.8* 0.7 * ((100vw - 420px) / 1500) ); } }
.ro .header h1:nth-child(3) {
  font-size: calc( 34.8px + 81.2 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .ro .header h1:nth-child(3) {
      font-size: calc( 34.8px + 81.2* 0.7 * ((100vw - 420px) / 1500) ); } }

.ro .header h1:nth-child(1) {
  font-size: calc( 38.4px + 89.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .ro .header h1:nth-child(1) {
      font-size: calc( 38.4px + 89.6* 0.7 * ((100vw - 420px) / 1500) ); } }
.ro .header h1:nth-child(2) {
  font-size: calc( 37.2px + 86.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .ro .header h1:nth-child(2) {
      font-size: calc( 37.2px + 86.8* 0.7 * ((100vw - 420px) / 1500) ); } }
.ro .header h1:nth-child(3) {
  font-size: calc( 34.8px + 81.2 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .ro .header h1:nth-child(3) {
      font-size: calc( 34.8px + 81.2* 0.7 * ((100vw - 420px) / 1500) ); } }

.fi .header h1:nth-child(1) {
  font-size: calc( 49.8px + 116.2 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .fi .header h1:nth-child(1) {
      font-size: calc( 49.8px + 116.2* 0.7 * ((100vw - 420px) / 1500) ); } }
.fi .header h1:nth-child(2) {
  font-size: calc( 43.2px + 100.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .fi .header h1:nth-child(2) {
      font-size: calc( 43.2px + 100.8* 0.7 * ((100vw - 420px) / 1500) ); } }
.fi .header h1:nth-child(3) {
  font-size: calc( 18px + 42 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .fi .header h1:nth-child(3) {
      font-size: calc( 18px + 42* 0.7 * ((100vw - 420px) / 1500) ); } }

.cz .header h1:nth-child(1) {
  font-size: calc( 24px + 56 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .cz .header h1:nth-child(1) {
      font-size: calc( 24px + 56* 0.7 * ((100vw - 420px) / 1500) ); } }
.cz .header h1:nth-child(2) {
  font-size: calc( 32.4px + 75.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .cz .header h1:nth-child(2) {
      font-size: calc( 32.4px + 75.6* 0.7 * ((100vw - 420px) / 1500) ); } }
.cz .header h1:nth-child(3) {
  font-size: calc( 33.6px + 78.4 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .cz .header h1:nth-child(3) {
      font-size: calc( 33.6px + 78.4* 0.7 * ((100vw - 420px) / 1500) ); } }

.pl .header h1:nth-child(1) {
  font-size: calc( 47.4px + 110.6 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .pl .header h1:nth-child(1) {
      font-size: calc( 47.4px + 110.6* 0.7 * ((100vw - 420px) / 1500) ); } }
.pl .header h1:nth-child(2) {
  font-size: calc( 22.8px + 53.2 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .pl .header h1:nth-child(2) {
      font-size: calc( 22.8px + 53.2* 0.7 * ((100vw - 420px) / 1500) ); } }
.pl .header h1:nth-child(3) {
  font-size: calc( 13.2px + 30.8 * ((100vw - 420px) / 1500) ); }
  @media (min-aspect-ratio: 7 / 3) {
    .pl .header h1:nth-child(3) {
      font-size: calc( 13.2px + 30.8* 0.7 * ((100vw - 420px) / 1500) ); } }

@-webkit-keyframes play {
  0% {
    -webkit-filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022);
    filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022); }
  50% {
    -webkit-filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 1.5rem #75b022);
    filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 1.5rem #75b022); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022);
    filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022); } }
@keyframes play {
  0% {
    -webkit-filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022);
    filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022); }
  50% {
    -webkit-filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 1.5rem #75b022);
    filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 1.5rem #75b022); }
  100% {
    -webkit-filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022);
    filter: drop-shadow(0 0 0.3rem #00000099) drop-shadow(0 0 0.1rem #75b022); } }
@-webkit-keyframes girl-appear-left {
  0% {
    left: -50%; }
  3% {
    left: -14vh; }
  17% {
    left: -14vh; }
  20% {
    left: -50%; }
  100% {
    left: -50%; } }
@keyframes girl-appear-left {
  0% {
    left: -50%; }
  3% {
    left: -14vh; }
  17% {
    left: -14vh; }
  20% {
    left: -50%; }
  100% {
    left: -50%; } }
@-webkit-keyframes girl-appear-right {
  0% {
    right: -50%; }
  3% {
    right: -14vh; }
  17% {
    right: -14vh; }
  20% {
    right: -50%; }
  100% {
    right: -50%; } }
@keyframes girl-appear-right {
  0% {
    right: -50%; }
  3% {
    right: -14vh; }
  17% {
    right: -14vh; }
  20% {
    right: -50%; }
  100% {
    right: -50%; } }
@-webkit-keyframes girl-appear-mobile-right {
  0% {
    right: -100vh; }
  3% {
    right: -20vh; }
  17% {
    right: -20vh; }
  20% {
    right: -100vh; }
  100% {
    right: -100vh; } }
@keyframes girl-appear-mobile-right {
  0% {
    right: -100vh; }
  3% {
    right: -20vh; }
  17% {
    right: -20vh; }
  20% {
    right: -100vh; }
  100% {
    right: -100vh; } }
@-webkit-keyframes girl-appear-mobile-left {
  0% {
    left: -100vh; }
  3% {
    left: -20vh; }
  17% {
    left: -20vh; }
  20% {
    left: -100vh; }
  100% {
    left: -100vh; } }
@keyframes girl-appear-mobile-left {
  0% {
    left: -100vh; }
  3% {
    left: -20vh; }
  17% {
    left: -20vh; }
  20% {
    left: -100vh; }
  100% {
    left: -100vh; } }

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