img{max-width:100%;height:unset;}
body{background:url(/landing/com-domain-firsatlari/images/bgfiller.png) #332c25;}
.head{padding:3rem 0;}
h1{font-family:"Luckiest Guy",cursive;margin:0;font-size:5em;padding:0;letter-spacing:1px;}
h1.shadowy{color:white;text-shadow:0 0.1em 20px black,0.05em -0.03em 0 black,0.05em 0.005em 0 black,0em 0.08em 0 black,0.05em 0.08em 0 black,0px -0.03em 0 black,-0.03em -0.03em 0 black,-0.03em 0.08em 0 black,-0.03em 0 0 black;}
.shadowy{color:white;text-shadow:0 0.1em 2px black,0.05em -0.03em 0 black,0.05em 0.005em 0 black,0em 0.08em 0 black,0.05em 0.08em 0 black,0px -0.03em 0 black,-0.03em -0.03em 0 black,-0.03em 0.08em 0 black,-0.03em 0 0 black;}
h1 span{transform:scale(0.9);display:block;}
h1 span:first-child{-webkit-animation:bopB 1s 0.2s cubic-bezier(0.175,0.885,0.32,1.275) forwards infinite alternate;animation:bopB 1s 0.2s cubic-bezier(0.175,0.885,0.32,1.275) forwards infinite alternate;}
@-webkit-keyframes bop{0%{transform:scale(0.9);}
  50%,100%{transform:scale(1);}
}
@keyframes bop{0%{transform:scale(0.9);}
  50%,100%{transform:scale(1);}
}
@-webkit-keyframes bopB{0%{transform:scale(0.9);}
  80%,100%{transform:scale(1) rotateZ(-3deg);}
}
@keyframes bopB{0%{transform:scale(0.9);}
  80%,100%{transform:scale(1) rotateZ(-3deg);}
}
.head form{display:flex;gap:1rem;justify-content:center;margin:2rem 0 0;}
.head form input{padding:1rem;width:100%;max-width:600px;border-radius:12px;border-color:#000!important;outline:2px solid #fb9e3b;}
.head form button{background:#fb9e3b;border:2px solid #332c25;color:#fff;padding:0.4rem 2rem;border-radius:12px;position:relative;transition:.3s;outline:2px solid #fb9e3b;font-weight:900;text-shadow:0 0.1em 5px black,0.05em -0.03em 0 black,0.05em 0.005em 0 black,0em 0.08em 0 black,0.05em 0.08em 0 black,0px -0.03em 0 black,-0.03em -0.03em 0 black,-0.03em 0.08em 0 black,-0.03em 0 0 black;font-size:1.4rem;font-family:"Luckiest Guy",cursive;letter-spacing:4px;}
.head form button:hover{text-shadow:0 0.1em 0 black,0.05em -0.03em 0 black,0.05em 0.005em 0 black,0em 0.08em 0 black,0.05em 0.08em 0 black,0px -0.03em 0 black,-0.03em -0.03em 0 black,-0.03em 0.08em 0 black,-0.03em 0 0 black;}
.smtitle{color:#fff;padding:1rem 0;font-size:1.5rem;max-width:800px;margin:0 auto;text-shadow:0 0.1em 5px black;}
.floss{color:#fff;font-size:1.4rem;text-shadow:0 2px 5px #00000067;font-weight:500;background:#fb9e3b;border:2px solid #332c25;outline:2px solid #fb9e3b;padding:2rem;border-radius:12px;}
.floss span{font-size:2rem;display:block;font-weight:800;}
.zone{background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 32px 128px #0000008c;}
.zone.noob .content{max-width:650px;position:absolute;padding:2rem;}
.zone .title{font-size:3rem;font-weight:800;font-family:"Luckiest Guy",cursive;}
.zone .text p{font-size:1.3rem;}
.zone ul li i{color:rgb(7,173,71);flex-shrink:0;transform:scale(.95);}
.zone ul li{padding:.5rem 0;font-size:1.2rem;display:flex;gap:.5rem;}
.zone.master .content{max-width:650px;position:absolute;padding:2rem;right:0;top:50px;}
.zone.master .content .title{text-align:right;}
.gg-check-o{box-sizing:border-box;position:relative;display:inline-block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px;vertical-align:middle;}
.gg-check-o::after{content:"";display:inline-block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-color:currentColor;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);}
.poll .title{font-size:3rem;font-family:"Luckiest Guy",cursive;text-align:center;}
.cardbox{display:flex;position:relative;gap:1rem;margin:0 0 8rem;}
.cardbox .item{position:relative;width:160px;transform-origin:bottom center;transition:.3s;z-index:1;cursor:pointer;}
.cardbox .item:nth-child(1){transform:scale(1) rotate(-35deg);left:24%;top:45px;}
.cardbox .item:nth-child(2){transform:scale(1) rotate(-25deg);left:16%;top:15px;}
.cardbox .item:nth-child(3){transform:scale(1) rotate(-15deg);left:8%;}
.cardbox .item:nth-child(4){transform:scale(1) rotate(-0deg);left:0%;top:-5px;}
.cardbox .item:nth-child(5){transform:scale(1) rotate(15deg);left:-8%;}
.cardbox .item:nth-child(6){transform:scale(1) rotate(25deg);left:-16%;top:15px;}
.cardbox .item:nth-child(7){transform:scale(1) rotate(35deg);left:-24%;top:45px;}
.cardbox .item:hover{z-index:10;transform:scale(1.2);filter:drop-shadow(0 8px 22px #000000c0);}
@media(max-width:1299px){.zone .content{position:relative!important;top:0!important;}
  .cardbox .item{transform:unset!important;left:unset!important;right:unset!important;top:unset!important}
  .cardbox{height:auto;}
  .cardbox .item:hover{z-index:10;transform:scale(1.2) !important;}
}
@media(max-width:992px){.cardbox{flex-wrap:wrap;justify-content:center;}
  h1{font-size:3rem;}
}
@media(max-width:515px){h1{font-size:2rem;}
  .head form{flex-wrap:wrap;}
}
@media(max-width:360px){h1{font-size:1.8rem;}
}
.modal.in{animation:vanishIn .4s;}
@-webkit-keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2,2);filter:blur(90px);}
  100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);filter:blur(0px);}
}
@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2,2);filter:blur(90px);}
  100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);filter:blur(0px);}
}
.levelmodal .modal-dialog{top:50%;transform:translateY(-50%) !important;}
.levelmodal .cta{background:#fb9e3b;border:2px solid #332c25;color:#fff;padding:0.8rem 2.4rem;border-radius:12px;font-size:1.4rem!important;letter-spacing:1px;font-weight:600;position:relative;transition:.3s;outline:2px solid #fb9e3b;}
.levelmodal .modal-content{background:transparent;box-shadow:none;border:0;text-align:center;}
.levelmodal .shadowy{font-size:2.5rem;font-family:"Luckiest Guy",cursive;margin:0 0 1rem;text-align:center;}
.levelmodal .close{background:none;border:0;opacity:1!important;position:absolute;top:-15px;right:-15px;}
.modal-backdrop.in{opacity:.85;}