html,body{width:100%;height:100%}body,div,ul{box-sizing:border-box;margin:0;padding:0}h1,h2,p{margin:0}body{margin:0;padding:0;background-color:#000;margin-bottom:-100%;font-family:'Russo One', sans-serif}img{max-width:100%}h1,h2{color:#61ED58;text-transform:uppercase;text-align:center;font-size:1.8rem}h1,.text{margin-top:4rem}h2{display:flex;align-items:center;font-size:1.5rem;justify-content:center}h2 a{margin-left:1rem}.text{font-size:1.3125rem}@media only screen and (max-width: 820px){h2{flex-wrap:wrap;margin-top:1rem}h2 a{margin:1rem auto}}.grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;padding:0 10px}.banner-1 .banner__img{background-image:url("/images/pubg.jpg")}.webp .banner-1 .banner__img{background-image:url("/images/pubg.webp")}.banner-2 .banner__img{background-image:url("/images/dota.jpg")}.webp .banner-2 .banner__img{background-image:url("/images/dota.webp")}.banner-3 .banner__img{background-image:url("/images/fortnite.jpg")}.webp .banner-3 .banner__img{background-image:url("/images/fortnite.webp")}.banner-4 .banner__img{background-image:url("/images/wot.jpg")}.webp .banner-4 .banner__img{background-image:url("/images/wot.webp")}.banner{position:relative;height:100vh;opacity:0.6}.banner__img{position:absolute;width:100%;height:100%;z-index:1;background-size:cover;background-repeat:no-repeat;background-position:bottom;box-shadow:0 0 25px #000000}.banner__bg{width:100%;height:100%;position:absolute;z-index:0;background:#1F1F1F}.wrapper{width:100%;height:100%;position:relative}.test{position:relative;height:100%}.wrapper-logo{width:100%;height:100%;position:absolute;z-index:10;display:flex;justify-content:center;align-items:center}.logo img{position:relative;width:430px;height:556px;z-index:2}.mini-logo{display:flex;justify-content:center}@media only screen and (max-width: 820px){.logo{width:100%}.logo img{width:90%;height:auto;display:block;margin:0 auto}}.to-scroll{position:relative;width:50px;height:70px;background-color:rgba(255,255,255,0.6);border:10px solid #000;border-radius:30px;margin:0 auto;display:flex;justify-content:center}.to-scroll svg{position:absolute;transform:scale(0.7);z-index:1;animation:bouncing 0.4s cubic-bezier(0.1, 0.1, 0.1, 1) infinite alternate both}.to-scroll svg #screen1{animation:changeBg 0.7s cubic-bezier(0.1, 0.1, 0.1, 1) infinite alternate both}@keyframes bouncing{0%{bottom:0}100%{bottom:8px}}@keyframes changeBg{0%{fill:white}100%{fill:black}}.content{width:100%;height:100%;display:flex;justify-content:center;position:relative;z-index:10;padding-top:120px}.text-wrapper{max-width:900px}.text-wrapper p{color:white;text-align:center}@media only screen and (max-width: 820px){.content{padding:4rem 1.2rem}}.icons-list{display:flex;list-style-type:none;margin-top:4rem}.icons-list__item{display:flex;align-items:center;justify-content:space-between}.icons-list__item p{text-align:left;margin-left:1rem}@media only screen and (max-width: 820px){.icons-list{display:block;padding:0 2rem}.icons-list__item{justify-content:initial;margin-bottom:1rem}}