@font-face{font-family:segment;src:url(sevenSegment.ttf)}:root{--timerM:#3a3a3a;--timerC:#9a9a9a;--background:#fefefe;--first-color:#3a3a3a;--second-color:#fefefe;--font-color:#fefefe;--shadowC:rgba(58, 58, 58, 0.5);--activity:rgba(58, 58, 58, 0.75);--body-color:#fafafa}*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;animation-play-state:paused!important;user-select:none!important}.play{animation-play-state:running!important}body{height:100vh;background-color:var(--body-color);display:flex;justify-content:center;align-items:center}.scale{display:flex;justify-content:center;align-items:center}@media only screen and (max-width:1024px){.scale{transform:scale(.9,.9)}}@media only screen and (max-width:768px){.scale{transform:scale(.8,.8)}}@media only screen and (max-width:425px){.scale{transform:scale(.7,.7)}}@media only screen and (max-width:375px){.scale{transform:scale(.6,.6)}}@media only screen and (max-width:320px){.scale{transform:scale(.5,.5)}}@media only screen and (min-width:1440px){.scale{transform:scale(1.1,1.1)}}@media only screen and (min-width:2652px){.scale{transform:scale(1.3,1.3)}}#countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:var(--timerM);font-family:segment,sans-serif;font-size:85px;text-shadow:0 0 1px var(--timerC);pointer-events:none;transition:.4s .5s}#countdown.remove{transform:translate(-50%,-50%) scale(0,0)}.main{width:480px;height:320px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:none;transition:.5s}.container{width:400px;height:240px;perspective:500px;transition:.5s ease-in-out;animation:.2s ease-in 2s backwards container}.container:hover{transform:scale(1.1,1.1)}.card{width:100%;height:100%;position:relative;border-radius:4px;outline:2px solid var(--first-color);transform-style:preserve-3d;transition:.5s,outline .5s ease-out}.card-sides{border-radius:4px}.front{width:100%;height:100%;background-color:var(--background);position:absolute;overflow:hidden;backface-visibility:hidden;z-index:2}.left-circle{width:120px;height:120px;border-radius:50%;background-color:var(--second-color);position:absolute;top:50%;left:-80px;transform:translateY(-50%);box-shadow:0 5px 8px -3px var(--shadowC);animation:1s cubic-bezier(.29,0,0,1.3) 2.3s left-circle;animation-fill-mode:backwards}.right-circle{width:300px;height:300px;border-radius:50%;position:absolute;right:-150px;box-shadow:-1px -8px 8px -6px var(--shadowC)}.right-circle-1{background-color:var(--first-color);bottom:-150px;z-index:3;animation:1s cubic-bezier(.29,0,0,1.25) 2.3s right-circle-1;animation-fill-mode:backwards}.right-circle-2{background-color:var(--second-color);bottom:-120px;z-index:2;animation:1s cubic-bezier(.29,0,0,1.25) 2.4s right-circle-2;animation-fill-mode:backwards}.right-circle-3{background-color:var(--first-color);bottom:-90px;z-index:1;animation:1s cubic-bezier(.29,0,0,1.25) 2.5s right-circle-3;animation-fill-mode:backwards}.front-contant{width:200px;top:50%;left:42px;transform:translateY(-50%);text-align:center;position:relative;z-index:4}.front-contant h1{font-family:Arial,Helvetica,sans-serif;color:var(--first-color);text-shadow:1px 1px 3px var(--shadowC);animation:1s cubic-bezier(.29,0,0,1.2) 3.8s brand;animation-fill-mode:backwards}.front-contant .slogan{color:var(--first-color);font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:12px;display:flex;justify-content:center;align-items:center;text-shadow:1px 1px 3 px var(--shadowC);animation:.5s cubic-bezier(.29,0,0,1.2) 4.6s slogan;animation-fill-mode:backwards}.front-contant .slogan>span{display:block;width:20px;height:2px;background-color:var(--first-color);margin:0 5px}.front-contant .site-name{display:flex;justify-content:center;color:var(--first-color);font-family:Arial,Helvetica,sans-serif;font-size:10px;text-shadow:1px 1px 3px var(--shadowC);margin-top:22px;transition:.2s}.front-contant .site-name:hover{text-shadow:0 0 0 var(--shadowC);transform:scale(1.1,1.1)}.back{width:400px;height:240px;background-color:var(--background);position:relative;overflow:hidden;backface-visibility:hidden;transform:rotateY(180deg);z-index:1}.QR-code{width:60px;height:60px;background-color:var(--second-color);padding:5px;position:absolute;top:20px;left:20px;z-index:3}.left-circle-B{width:275px;height:275px;border-radius:50%;position:absolute;left:-137px;box-shadow:0 6px 6px -3px var(--shadowC)}.left-circle-B-1{background-color:var(--first-color);top:-137px;z-index:2}.left-circle-B-2{background-color:var(--second-color);top:-100px;z-index:1}.right-circle-B{width:200px;height:200px;border-radius:50%;background-color:var(--first-color);position:absolute;right:-100px;bottom:-100px;box-shadow:-1px -5px 5px -3px var(--shadowC)}.back-contant{position:absolute;top:20px;right:20px;font-family:Arial,Helvetica,sans-serif;text-align:right}.back-contant h1{color:var(--first-color);letter-spacing:2px;text-shadow:1px 1px 1px var(--shadowC)}.back-contant p{color:var(--first-color);font-size:11px;letter-spacing:1px;text-shadow:1px 1px 1px var(--shadowC)}.back-contant p span{color:var(--fisrt-color)}.info-container{position:absolute;top:85px;left:135px}.info-container .info a{color:var(--first-color);font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:1px;display:flex;align-items:center;margin:8px 0;transform-origin:left;transition:.2s}.info-container .info a .icon{width:25px;height:25px;border-radius:50%;background-color:var(--first-color);display:flex;justify-content:center;align-items:center;margin-right:10px;transition:.2s}.info-container .info a .icon svg{width:14px;height:14px;fill:var(--second-color);transition:.2s}.info-container .info:hover a{transform:scale(1.1,1.1)}.info-container .info:hover a .icon{background-color:var(--second-color);box-shadow:0 0 1px 1px var(--shadowC)}.info-container .info:hover a .icon svg{fill:var(--first-color)}.button{border:none;outline:0;padding:8px 14px;background-color:var(--second-color);color:var(--first-color);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bolder;letter-spacing:2px;border-radius:5px;position:absolute;right:12px;bottom:15px;z-index:99;cursor:pointer;transition:.2s}@keyframes container{from{transform:translateX(-480px)}to{transform:translateX(0)}}@keyframes left-circle{from{left:-100%}to{left:-80px}}@keyframes right-circle-1{from{bottom:-310px}to{bottom:-150px}}@keyframes right-circle-2{from{bottom:-310px}to{bottom:-120px}}@keyframes right-circle-3{from{bottom:-310px}to{bottom:-90px}}.front-contant svg .s0{transition:1s}.front-contant svg .m1,.front-contant svg .m10,.front-contant svg .m11,.front-contant svg .m12,.front-contant svg .m13,.front-contant svg .m14,.front-contant svg .m15,.front-contant svg .m16,.front-contant svg .m17,.front-contant svg .m18,.front-contant svg .m2,.front-contant svg .m3,.front-contant svg .m4,.front-contant svg .m5,.front-contant svg .m6,.front-contant svg .m7,.front-contant svg .m8,.front-contant svg .m9{animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:backwards}.front-contant svg .m1{animation-name:m1;animation-delay:3.2s}@keyframes m1{from{transform:translate(-765px,-598px)}to{transform:translate(0,0)}}.front-contant svg .m2{animation-name:m2;animation-delay:3.3s}@keyframes m2{from{transform:translate(920px,-540px)}to{transform:translate(0,0)}}.front-contant svg .m3{animation-name:m3;animation-delay:3.4s}@keyframes m3{from{transform:translate(920px,-540px)}to{transform:translate(0,0)}}.front-contant svg .m4{animation-name:m4;animation-delay:3.5s}@keyframes m4{from{transform:translate(720px,840px)}to{transform:translate(0,0)}}.front-contant svg .m5{animation-name:m5;animation-delay:3.6s}@keyframes m5{from{transform:translate(-720px,640px)}to{transform:translate(0,0)}}.front-contant svg .m6{animation-name:m6;animation-delay:3.7s}@keyframes m6{from{transform:translate(0,980px)}to{transform:translate(0,0)}}.front-contant svg .m7{animation-name:m7;animation-delay:3.8s}@keyframes m7{from{transform:translate(-250px,980px)}to{transform:translate(0,0)}}.front-contant svg .m8{animation-name:m8;animation-delay:3.9s}@keyframes m8{from{transform:translate(200px,-480px)}to{transform:translate(0,0)}}.front-contant svg .m9{animation-name:m9;animation-delay:4s}@keyframes m9{from{transform:translate(300px,-520px)}to{transform:translate(0,0)}}.front-contant svg .m10{animation-name:m10;animation-delay:4.1s}@keyframes m10{from{transform:translate(350px,820px)}to{transform:translate(0,0)}}.front-contant svg .m11{animation-name:m11;animation-delay:4.2s}@keyframes m11{from{transform:translate(250px,-420px)}to{transform:translate(0,0)}}.front-contant svg .m12{animation-name:m12;animation-delay:4.3s}@keyframes m12{from{transform:translate(-480px,80px)}to{transform:translate(0,0)}}.front-contant svg .m13{animation-name:m13;animation-delay:4.4s}@keyframes m13{from{transform:translate(-480px,30px)}to{transform:translate(0,0)}}.front-contant svg .m14{animation-name:m14;animation-delay:4.5s}@keyframes m14{from{transform:translate(-480px,-10px)}to{transform:translate(0,0)}}.front-contant svg .m15{animation-name:m15;animation-delay:4.6s}@keyframes m15{from{transform:translate(0,720px)}to{transform:translate(0,0)}}.front-contant svg .m16{animation-name:m16;animation-delay:4.7s}@keyframes m16{from{transform:translate(0,920px)}to{transform:translate(0,0)}}.front-contant svg .m17{animation-name:m17;animation-delay:4.8s}@keyframes m17{from{transform:translate(0,-720px)}to{transform:translate(0,0)}}.front-contant svg .m18{animation-name:m18;animation-delay:4.9s}@keyframes m18{from{transform:translate(0,-720px)}to{transform:translate(0,0)}}@keyframes brand{from{transform:scale(0,0) rotate(720deg)}to{transform:scale(1,1) rotate(0)}}@keyframes slogan{from{visibility:hidden;transform:scale(2.2,2.2)}to{transform:scale(1,1)}}.front-contant .site-name>span{padding:0 3px;animation:1s ease-out backwards sitename}@keyframes sitename{0%{transform:translateY(-480px)}60%{transform:translateY(10px)}70%{transform:translateY(-10px)}100%,80%{transform:translateY(0)}90%{transform:translateY(-5px)}}.front-contant .site-name>span:first-child{animation-delay:4s}.front-contant .site-name>span:nth-child(2){animation-delay:4.1s}.front-contant .site-name>span:nth-child(3){animation-delay:4.2s}.front-contant .site-name>span:nth-child(4){animation-delay:4.3s}.front-contant .site-name>span:nth-child(5){animation-delay:4.4s}.front-contant .site-name>span:nth-child(6){animation-delay:4.5s}.front-contant .site-name>span:nth-child(7){animation-delay:4.6s}.front-contant .site-name>span:nth-child(8){animation-delay:4.7s}.front-contant .site-name>span:nth-child(9){animation-delay:4.8s}.front-contant .site-name>span:nth-child(10){animation-delay:4.9s}.front-contant .site-name>span:nth-child(11){animation-delay:5s}.front-contant .site-name>span:nth-child(12){animation-delay:5.1s}.front-contant .site-name>span:nth-child(13){animation-delay:5.2s}.front-contant .site-name>span:nth-child(14){animation-delay:5.3s}.front-contant .site-name>span:nth-child(15){animation-delay:5.4s}.front-contant .site-name>span:nth-child(16){animation-delay:5.5s}.front .button{animation:.2s 5.5s backwards button}@keyframes button{from{transform:translateX(400px)}to{transform:translateX(0)}}.card{animation:1.5s ease-in 6s backwards card}@keyframes card{0%,100%{transform:scale(1,1)}30%,70%{box-shadow:0 0 20px -6px var(--shadowC);transform:scale(1.1,1.1)}}.front-contant svg{width:80px;height:80px;fill:var(--first-color);filter:drop-shadow(1px 1px 3px var(--activity));margin:0 0 10px -70px;transition:.2s;overflow:visible;animation:1.5s ease-in-out 6s backwards logo}@keyframes logo{50%{transform:scale(1.1,1.1);filter:drop-shadow(2px 1px 4px var(--first-color))}}.main>span{display:block;position:absolute}.main>span:first-child{width:100%;height:4px;top:0;left:-100%;background:linear-gradient(90deg,transparent,var(--first-color));animation:.8s 6.2s backwards light-1}.main>span:nth-child(2){top:-100%;right:0;width:4px;height:100%;background:linear-gradient(180deg,transparent,var(--first-color));animation:.8s 6.4s backwards light-2}.main>span:nth-child(3){bottom:0;right:-100%;width:100%;height:4px;background:linear-gradient(270deg,transparent,var(--first-color));animation:.8s 6.6s backwards light-3}.main>span:nth-child(4){bottom:-100%;left:0;width:4px;height:100%;background:linear-gradient(360deg,transparent,var(--first-color));animation:.8s 6.8s backwards light-4}@keyframes light-1{to{left:100%}}@keyframes light-2{to{top:100%}}@keyframes light-3{to{right:100%}}@keyframes light-4{to{bottom:100%}}