@font-face{font-family:GoodDogNewW00;src:url(../fonts/GoodDogNewW00-Regular.woff2) format("woff2"),url(../fonts/GoodDogNewW00-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff");font-weight:400;font-style:normal}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}body,html{width:100%}.app{overflow:hidden;width:100%}.scroll{position:absolute;width:5%;left:47.5%;bottom:8%;display:block;-webkit-animation:arrow 1s linear;animation:arrow 1s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:10;-webkit-transition:all ease .5s;transition:all ease .5s}.scroll .scroll-wrap{position:relative;width:100%;height:100%}.scroll .scroll-wrap img{display:block;width:100%}.scroll .scroll-wrap .arrow_img{position:absolute;top:0;left:0;opacity:0}.scroll .scroll-wrap .ai1{-webkit-animation:ai1 linear 1s;animation:ai1 linear 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.scroll .scroll-wrap .ai2{-webkit-animation:ai1 linear 1s;animation:ai1 linear 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes arrow{from{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes arrow{from{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes ai1{from{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes ai1{from{opacity:0}50%{opacity:1}to{opacity:0}}.nav{position:fixed;top:39%;left:1%;width:1.2%;display:block;z-index:10}.nav .nav-pag{width:100%;position:relative;margin-top:5px;display:block}.nav .nav-pag img{width:20px;height:20px;display:block}.nav .nav-pag img:first-child{opacity:1}.nav .nav-pag img:last-child{position:absolute;top:0;left:0;width:20px;height:20px;opacity:0;-webkit-transition:all ease .5s;transition:all ease .5s}.nav .nav-pag:hover img:last-child{opacity:1}.nav .nav-pag_active img:last-child{opacity:1}.section{width:100%;height:105vh;position:relative;background-position:0 0;background-repeat:no-repeat;background-attachment:fixed}.section h2{color:#fff;font-family:GoodDogNewW00}.section p{font-family:Roboto;color:#fff}.girls{position:absolute;width:50%;height:100%;top:0;left:25%;background-repeat:no-repeat;background-attachment:fixed}.girl1{background-position:53% 100%;background-size:50%}.girl2{background-image:url(/main/girl2.png);background-position:100% 65%;background-size:75%;width:70%;left:30%}.girl3{background-image:url(/main/girl3.png);background-position:10% 100%;background-size:30%;width:40%;left:00%}.girl4{background-image:url(/main/girl4.png);background-position:90% 110%;background-size:33%;width:50%;left:50%}.girl5{background-image:url(/main/girl5.png);background-position:20% -30%;background-size:35%;width:50%;left:00%}.logo1{width:22%;position:absolute;left:39%;top:4%;opacity:0;-webkit-animation:logo 1s ease;animation:logo 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.logo1 img{width:100%;display:block}.text1{width:30%;position:absolute;top:20%;left:35%}.text1 h2{width:100%;text-align:center;color:#fff;font-size:1.7em;text-shadow:2px 2px 2px #000}.main-btn{-webkit-animation:logo 1s ease;animation:logo 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s;opacity:0;position:absolute;display:block;font-size:1.5em;width:30%;top:40%;left:35%;background:#f1295a;border-radius:30px;text-align:center;color:#fff;font-family:Roboto;line-height:60px;text-decoration:none;-webkit-transition:all ease .5s;transition:all ease .5s}.main-btn:hover{background:#018656;color:#000}@-webkit-keyframes logo{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes logo{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.kek-block{width:40%;position:absolute;top:30%;-webkit-transition:all ease .5s;transition:all ease .5s}.kek-block h2{font-size:2.5em;letter-spacing:2px}.kek-block p{font-size:1.6em;letter-spacing:1px;margin-top:15px;width:80%;text-shadow:1px 1px 1px #000}.kek-block a{display:block;width:100%;background:#f1295a;border-radius:30px;text-align:center;color:#fff;font-family:Roboto;text-decoration:none;margin-top:20px;font-size:1.5em}.kek-block a:hover{background:#018656;color:#000}.kek-block-active p{-webkit-transform:rotateX(0);transform:rotateX(0)}.kek-block-active a{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.section2 .kek-block{left:10%}.section3 .kek-block{left:50%}.section4 .kek-block{left:10%}.section5 .kek-block{left:55%}body{overflow:hidden}.vstyle{background-position:100% 65%;background-size:75%;width:45%;border-radius:50%;position:relative;left:50%}.vstyle1{left:0;border-radius:50%;width:45%}.imggirl{width:45%;position:absolute;bottom:10%;margin-left:27%}.table1{width:300px;text-align:center;position:relative;margin-top:10%}.loading{color:#000}.pizda{background-image:url(/main/loading.gif)}@media only screen and (max-width:1024px){.text1 h2{width:100%;position:absolute;top:15%;padding:5%;left:0;font-size:1.2em}.text1{width:100%;position:absolute;top:15%;left:0}.main-btn{position:absolute;display:block;font-size:1.5em;width:100%;top:40%;background:#f1295a;border-radius:30px;text-align:center;color:#fff;font-family:Roboto;line-height:60px;text-decoration:none;left:0}.girls{position:absolute;width:100%;height:100%;top:0;background-repeat:no-repeat;background-attachment:fixed;background-size:100%;left:0}.vstyle{background-position:100% 65%;background-size:75%;width:70%;border-radius:50%;position:relative;left:0;margin-left:15%}.vstyle1{background-position:100% 65%;background-size:75%;width:70%;border-radius:50%;position:relative;left:0;margin-left:15%}.kek-block h2{font-size:1em;letter-spacing:2px}.section2 .kek-block{left:0;text-align:center;padding:2%}.kek-block{width:100%;position:relative;top:0}.kek-block p{font-size:1em;letter-spacing:1px;margin-top:15px;width:100%;text-shadow:1px 1px 1px #000}.kek-block a{display:block;width:100%;background:#f1295a;border-radius:30px;text-align:center;color:#fff;font-family:Roboto;padding:5px;text-decoration:none;margin-top:20px;font-size:1em}.section3 .kek-block{left:0;padding:2%;text-align:center}.section4 .kek-block{text-align:center;left:0}.section5 .kek-block{left:0;padding:2%;text-align:center}.imggirl{width:100%;position:absolute;bottom:10%;margin-left:0}.table1{width:300px;text-align:center;position:relative;left:3%}}.skiptranslate{display:none;height:0}.language1{cursor:pointer;width:45px;border:2px solid #fff;border-radius:5px}html,body{margin:0}body{font-size:13px;display:flex;align-items:center;flex-direction:column;font-family:"Luckiest Guy",cursive;padding-top:1em;padding-bottom:1em;background-color:var(--secondary-color);color:var(--primary-color);letter-spacing:.15em}.heading{font-size:2em}.description{font-size:1.5em}#game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;margin-top:1em}#new-game-button{border:0;border-radius:5px;padding:.5em;background:#f1295a;cursor:pointer;color:white;text-transform:uppercase;transition:opacity .2s ease-in-out;padding:.5em 1.5em;border-radius:1.5em;font-size:1em;font-family:roboto;letter-spacing:roboto;margin-top:5%}#new-game-button:hover{opacity:.8}.card{width:5em;height:5em;perspective:50em;cursor:pointer}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s}.card.visible .card-inner{transform:rotateY(180deg)}.card-front{width:100%;height:100%;position:absolute;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;background-image:url(/main/field-min.jpg);border-radius:.5em;box-shadow:.05em .05em .05em .05em rgba(0,0,0,0.1);font-size:2.5em;color:white}.card-back{transform:rotateY(180deg);background-color:#575757;width:100%;height:100%;position:absolute;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:.5em;box-shadow:.05em .05em .05em .05em rgba(0,0,0,0.1);font-size:2.5em;color:white}@media(max-width:768px){#game-board{grid-template-columns:repeat(3,1fr)}}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(#990f0f,#000000);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid #ccc;border-top-color:#1a1a1a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}