@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');

/* ! Reset */
body, html{ font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 16px; box-sizing: border-box;margin: 0;padding: 0;}*,*:before,*:after{ box-sizing: border-box; }h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0 0 1rem 0;padding: 0;}ol,ul{list-style-type: none;}img{height: auto;}h1{font-size: 4rem;} h2{font-size: 3rem;} h3{font-size: 2rem;} h4{font-size: 1rem;} h5{font-size: 0.8rem;} h6{font-size: 0.6rem;}a{text-decoration:none}


body{
  background-color: #000;
  font-family: 'Gloria Hallelujah';
  color: #fff;
  line-height: 500%;
}
.main{
  max-width: 100vw;
  overflow: hidden;
}

.game{
    margin-top: 150px;
    text-align: center;
}
.game-link{
    color: #71FF00;
    font-size: 50px;
}


.header__container{position: fixed; background: #000;z-index: 9999;top: 0;left: 0; width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,.09);}
.header{max-width: 1250px;display: flex; color: #fff; justify-content: space-between; margin: 0 auto;align-items: center;padding: 20px;}
.header a{font-size: 30px; display: block; padding-inline: 25px;color: #fff;}
.header__menu li{display: inline-block; position: relative;}
.header__menu li a{position: relative;}
.header__menu{margin-bottom: 0;display: flex;flex-direction: row;}
.header__logo{height: 75px;}
.header__hamburger{display: none;}

@media (max-width: 768px) {

  .header__hamburger{display: block;margin: 0;width: 2em;height: 1.5em;position: absolute;z-index: 110;top: 50%;right: 10%;transform: translate(-50%, -50%); transition: all 0.35s cubic-bezier(.215, .61, .355, 1);}
  .header__hamburger span{left: 0;width: 100%;height: 2px;display: block;position: absolute;background: #fff;border-radius: 10px;transform: rotate(0deg);transition: all 0.35s cubic-bezier(.215, .61, .355, 1);}
  .header__hamburger span:nth-child(1){top: 0;width: 100%;}
  .header__hamburger span:nth-child(2),
  .header__hamburger span:nth-child(3){top: 10px;width: 35%;}
  .header__hamburger span:nth-child(4){top: 20px;width: 65%;}
  .menu-open .header__hamburger{transform: rotate(180deg);}
  .menu-open .header__hamburger span:nth-child(1){top: 2em;width: 0;}
  .menu-open .header__hamburger span:nth-child(2){transform: rotate(45deg);width: 100%;}
  .menu-open .header__hamburger span:nth-child(3){transform: rotate(-45deg);width: 100%;}
  .menu-open .header__hamburger span:nth-child(4){top: 18px;width: 0%;left: 50%;}

  .header__menu{position: absolute; top: 100px;left: 0;width: 100%;background: #000;height: 100vh;overflow: hidden;transform: translateX(100%); transition: all 1s cubic-bezier(.215, .61, .355, 1);flex-direction: column;}
  .header__menu a{color: #fff;}
  .header__menu li{display: block;}

  .menu-open .header__menu{transform: translateX(0%);}
}



.cover{
  background-color: #497F05;
  padding-top: 170px;
}
.cover-title{
  padding-inline: 50px;
  text-align: center;
}
.cover-banner{
  width: 100vw;
}
.button{
  color: #71FF00;
  background: #000;
  padding: 10px 40px;
  font-size: 50px;
  border: 1px solid #71FF00;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .cover-title{
    font-size: 35px;
  }
  .button{
    font-size: 30px;
  }
}



.section-1{
  padding-top: 150px;
}
.section-1 h2{
  font-size: 120px;
  text-align: center;
  color: #71FF00;
}
@media (max-width: 768px) {
  .section-1 h2{
    font-size: 60px;
  }
}


.section-1__media-text{
  max-width: 1250px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.section-1__media-text img{
  width: 500px;
}
.section-1__media-text p{
  font-size: 50px;
}
@media (max-width: 768px) {
  .section-1__media-text{
    flex-direction: column;
  }
  .section-1__media-text p{
    font-size: 35px;
    text-align: center;
    padding-top: 50px;
  }
  .section-1__media-text img{
    width: 90%;
  }
  .inverted{
    flex-direction: column-reverse;
  }
}



.section-2{
  padding-top: 150px;
  max-width: 1250px;
  margin: 0 auto;
}
.section-2__container{
  display: flex;
  flex-direction: row;
}
.section-2__container h2{
  color: #71FF00;
  font-size: 80px;
}
.section-2__container p{
  font-size: 45px;
}
@media (max-width: 768px) {
  .section-2__container{
    flex-direction: column;
  }
  .section-2__image img{
    width: 100vw;
  }
  .section-2__container h2{
    font-size: 60px;
    text-align: center;
  }
  .section-2__container p{
    font-size: 35px;
    text-align: center;
  }
}



.cto{
  padding-block: 150px;
  text-align: center;
  font-size: 80px;
}
@media (max-width: 768px) {
  .cto{
    font-size: 45px;
  }
}




.section-3 h2{
  color: #71FF00;
  text-align: center;
  font-size: 120px;
}
.section-3 img{
  width: 100vw;
}
@media (max-width: 768px) {
  .section-3 h2{
    font-size: 60px;
  }
}

.section-4{
  padding-block: 150px;
  display: flex;
  justify-content: center;
}
.section-4 img{
  width: 90vw;
}


.section-5 h2{
  text-align: center;
  font-size: 120px;
  color: #71FF00;
}
.section-5 img{
  width: 100vw;
}
.p-10{
  padding-top: 100px;
}
@media (max-width: 768px) {
  .section-5 h2{
    font-size: 60px;
  }
}

.disclaimer{
  padding-top: 100px;
  text-align: center;
  font-size: 30px;
  line-height: 100%;
}
@media (max-width: 768px) {
  .disclaimer{
    font-size: 16px;
  }
}