html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#222;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}.cont-data-1{width:1460px;height:590px;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%)}@media (orientation:portrait){.cont-data-1{width:750px;height:1130px;top:45%}}.page-1-left{position:absolute;top:0;left:0;width:50%;height:100%}@media (orientation:portrait){.page-1-left{width:100%;height:68%;top:auto;bottom:0;z-index:3}}.page-1-right{position:absolute;top:0;right:0;width:50%;height:100%}@media (orientation:portrait){.page-1-right{width:100%;height:32%;z-index:1}}.page-1-title{text-transform:uppercase;font-size:80px;text-align:center;margin-top:45px}.page-1-text{font-size:48px;text-align:center;margin-top:34px}.page-1-table-cont{width:460px;height:204px;border-radius:10px;border:1px solid rgba(255,255,255,0.64);margin:54px auto 0 auto}@media (orientation:portrait){.page-1-table-cont{width:670px;height:380px}}.page-1-table{width:100%;height:100%}.page-1-table td.font-book{font-size:25px;padding-left:50px;width:40%}@media (orientation:portrait){.page-1-table td.font-book{font-size:50px}}.page-1-table td.font-light{font-size:25px;text-align:center}@media (orientation:portrait){.page-1-table td.font-light{font-size:50px}}table{border-collapse:collapse;border-style:hidden}table td{border:1px solid rgba(255,255,255,0.27)}.promocode-shadow-text{background-image:radial-gradient(rgba(11,36,131,0.68) 0%,rgba(6,21,77,0.68) 42%,rgba(6,21,77,0) 60%);width:948px;height:912px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);z-index:-5}.promocode-shadow-card-floor{background-image:radial-gradient(rgba(14,63,242,0.55) 0%,rgba(14,63,242,0) 68%);width:920px;height:200px;position:absolute;top:430px;left:50%;transform:translateX(-50%)}@media (orientation:portrait){.promocode-shadow-card-floor{top:230px;transform:translateX(-50%) scale(.7)}}.promocode-shadow-card-back{background-image:radial-gradient(#2c61ad 0%,rgba(44,97,173,0) 68%);width:900px;height:770px;position:absolute;top:-120px;left:50%;transform:translateX(-50%)}@media (orientation:portrait){.promocode-shadow-card-back{top:-220px;transform:translateX(-50%) scale(.7)}}.promocode-lights-card{background:url("../images/step1/promocode-light.png");width:1006px;height:1616px;position:absolute;top:-860px;left:47%;transform:translateX(-50%)}@media (orientation:portrait){.promocode-lights-card{top:-860px}}.promocode-card{background:url("../images/step1/promocode-card.png");width:564px;height:354px;position:absolute;top:110px;left:47%;transform:translateX(-50%);animation:card-fly 5s ease-in-out infinite}@media (orientation:portrait){.promocode-card{top:-10px;transform:translateX(-50%) scale(.7);animation:card-fly-scale 5s ease-in-out infinite}}.cont-data-2{width:1560px;height:640px;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%)}@media (orientation:portrait){.cont-data-2{width:750px;height:970px;top:40%}}.page-2-title{text-transform:uppercase;font-size:90px;text-align:center;margin-top:20px}.page-2-left{position:absolute;bottom:0;left:0;width:60%;height:78%}@media (orientation:portrait){.page-2-left{width:100%;height:50%;bottom:auto;top:110px;z-index:3}}.page-2-right{position:absolute;bottom:0;right:0;width:40%;height:78%}@media (orientation:portrait){.page-2-right{width:96%;height:40%;right:auto;left:50%;transform:translateX(-50%);z-index:1}}.site-screen-bg{background-image:radial-gradient(rgba(18,58,208,0.45) 0%,rgba(18,58,208,0) 68%);width:1340px;height:1120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-screen{background:url("../images/screen_pt.jpg");width:756px;height:480px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.site-screen{transform:translate(-50%,-48%) scale(.9)}}.page-2-text-items{width:100%;height:390px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.page-2-text-items{height:330px;top:50%}}.text-item{height:146px;width:100%;position:relative}.text-item-1,.text-item-3{margin-bottom:68px}@media (orientation:portrait){.text-item-1,.text-item-3{margin-bottom:10px}}.point-image{background:url("../images/step2/point-bg.png");width:146px;height:146px}.point-bg{width:450px;height:450px;background-image:radial-gradient(rgba(18,58,208,0.45) 0%,rgba(18,58,208,0) 52%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.point-num,.point-image{width:146px;height:146px;position:absolute;top:0;left:0}.point-num{display:flex;align-content:center;align-items:center}@media (orientation:portrait){.point-num{transform:scale(.85)}}.point-text{width:100%;text-align:center;font-size:90px}.text-item-text{width:calc(100% - 146px);height:100%;position:absolute;top:0;right:0;display:flex;align-items:center;font-size:40px;text-align:left;padding-left:50px;box-sizing:border-box}@media (orientation:portrait){.text-item-text{font-size:50px}}.cont-data-3{width:1560px;height:620px;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%)}@media (orientation:portrait){.cont-data-3{width:750px;height:970px;top:40%}}.page-3-title{text-transform:uppercase;font-size:90px;text-align:left;margin-top:20px;margin-left:310px}@media (orientation:portrait){.page-3-title{margin-left:0;text-align:center;position:relative;z-index:5}}.page-3-left{position:absolute;bottom:0;left:0;width:50%;height:78%}@media (orientation:portrait){.page-3-left{width:96%;height:340px;left:50%;transform:translateX(-50%);z-index:3;bottom:40px}}.page-3-right{position:absolute;bottom:0;right:0;width:50%;height:78%}@media (orientation:portrait){.page-3-right{width:100%;height:40%;z-index:1;bottom:auto;top:170px}}.iphone-bg{background-image:radial-gradient(rgba(18,58,208,0.45) 0%,rgba(18,58,208,0) 68%);width:1170px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iphone{background:url("../images/step3/iphone.png");width:670px;height:800px;position:absolute;top:10%;left:50%;transform:translate(-50%,-49%);animation:iphone-fly 5s ease-in-out infinite}@media (orientation:portrait){.iphone{transform:translate(-50%,-45%) scale(.7);animation:iphone-fly-sc 5s ease-in-out infinite}}.page-3-text-items{width:86%;height:390px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (orientation:portrait){.page-3-text-items{height:330px;right:50%;transform:translate(50%,-50%);width:100%}}.cont-data-4{width:740px;height:530px;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%)}@media (orientation:portrait){.cont-data-4{width:800px;height:770px;top:45%}}.page-4-title{text-transform:uppercase;font-size:108px;text-align:center;margin-top:20px}@media (orientation:portrait){.page-4-title{font-size:130px}}.promocode-field{background:url("../images/step4/text-field.png");width:684px;height:152px;margin:50px auto 0 auto;position:relative;transform:scale(.76);transform-origin:50% 0}@media (orientation:portrait){.promocode-field{margin:75px auto 0 auto;transform:scale(1)}}.promocode-text{font-size:104px;width:556px;text-align:center;position:absolute;top:50%;left:10px;transform:translateY(-50%);user-select:text;background:none;color:#fff;outline:none;border:none}.promocode-toast{position:absolute;top:340px;left:50%;transform:translateX(-50%);width:300px;height:60px;border-radius:30px;background:rgba(2,13,58,0.9);display:flex;align-items:center;pointer-events:none;user-select:none;opacity:0;transition:opacity 1s ease}@media (orientation:portrait){.promocode-toast{top:460px;transform:translateX(-50%) scale(1.5)}}.toast-text{font-size:30px;width:100%;text-align:center;color:#fff}.copy-icon{background:url("../images/step4/copy-icon.png");width:56px;height:62px;position:absolute;top:50%;right:40px;transform:translateY(-50%);cursor:pointer}.copy-icon:hover{filter:brightness(1.2)}.tooltip{position:absolute;top:30px;left:520px;transition:opacity .35s ease;pointer-events:none}@media (orientation:portrait){.tooltip{left:450px}}.tooltip .top{width:400px;top:-20px;left:50%;transform:translate(-30%,-100%);padding:10px 20px;color:#fff;background-color:#020d3a;font-weight:normal;font-size:32px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,0.5);display:none}.tooltip .top{display:block}.tooltip .top i{position:absolute;top:100%;left:50%;margin-left:0;width:30px;height:25px;overflow:hidden}@media (orientation:portrait){.tooltip .top i{margin-left:76px}}.tooltip .top i::after{content:'';position:absolute;width:25px;height:25px;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#020d3a;box-shadow:0 1px 8px rgba(0,0,0,0.5)}.page-4-text{font-size:36px;text-align:center;margin:0 auto 0 auto;user-select:text;line-height:1.2}@media (orientation:portrait){.page-4-text{font-size:52px;margin:60px auto 0 auto}}.page-4-reg-btn{text-decoration:none;width:270px;height:54px;background:linear-gradient(to top,#986d48 0%,#ebbd8c 76%);border-radius:27px;display:flex;align-items:center;justify-content:center;font-size:33px;color:#07113a;margin:25px auto 0 auto}.page-4-reg-btn:hover{background:linear-gradient(to bottom,#986d48 0%,#ebbd8c 76%)}@media (orientation:portrait){.page-4-reg-btn{width:550px;height:110px;border-radius:55px;font-size:66px;margin:70px auto 0 auto}}.cont-data-bg{background-image:radial-gradient(rgba(18,58,208,0.53) 0%,rgba(18,58,208,0) 68%);width:1530px;height:1130px;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);z-index:-2}.popup{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(2,13,58,0.6);pointer-events:none;opacity:0;display:none;transition:opacity .5s ease}.popup-window{background:url("../images/popup/popup-bg-desk.png");width:1300px;height:860px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 20px #123ad0)}@media (orientation:portrait){.popup-window{background:url("../images/popup/popup-bg-mob.png");width:760px;height:1450px}}.popup-title{font-size:90px;text-align:center;margin:40px auto 0 auto;color:#fff;user-select:none}.popup-bonuses{width:100%;height:580px;position:relative;margin:30px auto 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;align-content:space-around}@media (orientation:portrait){.popup-bonuses{width:100%;height:1140px;flex-direction:column;flex-wrap:nowrap;justify-content:space-around}}.popup-bonus{margin:0 5px;width:32%;height:48%;position:relative}@media (orientation:portrait){.popup-bonus{width:86%;height:190px}}.popup-point{width:160px;height:160px;position:absolute;top:10px;left:50%;transform:translateX(-50%)}@media (orientation:portrait){.popup-point{top:50%;left:0;transform:translateY(-50%);width:190px;height:190px}}.popup-point-bg{width:300px;height:300px;background-image:radial-gradient(rgba(18,58,208,0.53) 0%,rgba(18,58,208,0) 68%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-point-image{background:url("../images/popup/point-bg.png");width:190px;height:190px;transform-origin:0 0;transform:scale(.85)}@media (orientation:portrait){.popup-point-image{transform:scale(1)}}.popup-point-icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.popup-point-icon img{transform:translate(-50%,-50%) scale(1.2)}}.popup-point-text{position:absolute;top:190px;left:0;width:100%;color:#fff;font-size:33px;text-align:center;user-select:none}@media (orientation:portrait){.popup-point-text{top:50%;left:230px;width:calc(100% - 230px);transform:translateY(-50%);text-align:left;font-size:48px}}.telegram-link{display:block;text-decoration:none;width:260px;height:80px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.telegram-link:hover{filter:brightness(1.2)}@media (orientation:portrait){.telegram-link{width:380px;height:100px}}.telegram-icon{background:url("../images/popup/icon-telegram.png") no-repeat;width:84px;height:70px;position:absolute;top:50%;left:5px;transform-origin:0 50%;transform:translateY(-50%) scale(.7)}@media (orientation:portrait){.telegram-icon{transform:translateY(-50%) scale(1)}}.telegram-text{width:calc(100% - 82px);font-size:30px;color:#fff;position:absolute;top:50%;right:5px;transform:translateY(-50%);text-align:justify}@media (orientation:portrait){.telegram-text{font-size:42px;width:calc(100% - 120px)}}.close-btn{position:absolute;top:20px;right:20px;cursor:pointer}@media (orientation:portrait){.close-btn{transform-origin:100% 0;transform:scale(2.3)}}@-moz-keyframes card-fly{50%{transform:translate(-50%,25px)}}@-webkit-keyframes card-fly{50%{transform:translate(-50%,25px)}}@-o-keyframes card-fly{50%{transform:translate(-50%,25px)}}@keyframes card-fly{50%{transform:translate(-50%,25px)}}@-moz-keyframes card-fly-scale{50%{transform:translate(-50%,25px) scale(.7)}}@-webkit-keyframes card-fly-scale{50%{transform:translate(-50%,25px) scale(.7)}}@-o-keyframes card-fly-scale{50%{transform:translate(-50%,25px) scale(.7)}}@keyframes card-fly-scale{50%{transform:translate(-50%,25px) scale(.7)}}@-moz-keyframes site-fly{50%{transform:translate(-50%,-52%)}}@-webkit-keyframes site-fly{50%{transform:translate(-50%,-52%)}}@-o-keyframes site-fly{50%{transform:translate(-50%,-52%)}}@keyframes site-fly{50%{transform:translate(-50%,-52%)}}@-moz-keyframes iphone-fly{50%{transform:translate(-50%,-51%)}}@-webkit-keyframes iphone-fly{50%{transform:translate(-50%,-51%)}}@-o-keyframes iphone-fly{50%{transform:translate(-50%,-51%)}}@keyframes iphone-fly{50%{transform:translate(-50%,-51%)}}@-moz-keyframes iphone-fly-sc{50%{transform:translate(-50%,-46%) scale(.7)}}@-webkit-keyframes iphone-fly-sc{50%{transform:translate(-50%,-46%) scale(.7)}}@-o-keyframes iphone-fly-sc{50%{transform:translate(-50%,-46%) scale(.7)}}@keyframes iphone-fly-sc{50%{transform:translate(-50%,-46%) scale(.7)}}@font-face{font-family:'Gotham Cond';src:url("../fonts/subset-GothamCond-Book.woff2") format('woff2'),url("../fonts/subset-GothamCond-Book.woff") format('woff'),url("../fonts/subset-GothamCond-Book.ttf") format('truetype');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Gotham Cond';src:url("../fonts/subset-GothamCond-Medium.woff2") format('woff2'),url("../fonts/subset-GothamCond-Medium.woff") format('woff'),url("../fonts/subset-GothamCond-Medium.ttf") format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Gotham Cond';src:url("../fonts/subset-GothamCond-Light.woff2") format('woff2'),url("../fonts/subset-GothamCond-Light.woff") format('woff'),url("../fonts/subset-GothamCond-Light.ttf") format('truetype');font-weight:300;font-style:normal;font-display:swap}.font-light{font-family:'Gotham Cond';font-weight:300}.spacing-2{letter-spacing:2px}.spacing-1{letter-spacing:1px}.font-medium{font-family:'Gotham Cond';font-weight:500;letter-spacing:50}.font-book{font-family:'Gotham Cond';font-weight:normal;letter-spacing:50}body,html,#sequence{overflow:hidden;height:100vh;height:calc(var(--vh, 1vh) * 100)}.cont-bg{width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.cont-bg-1,.cont-bg-2,.cont-bg-3{width:100%;height:100%;background-size:cover;position:absolute;top:0;left:20%;opacity:0}.cont-bg-1{transition:left .75s ease-in-out,opacity .5s ease-in-out;animation:glass-fly 5s -1s ease-in-out infinite}.cont-bg-2{transition:left 1s ease-in-out,opacity .5s .2s ease-in-out;animation:glass-fly 7.3s -4s ease-in-out infinite}.cont-bg-3{transition:left 1.25s ease-in-out,opacity .5s .4s ease-in-out;animation:glass-fly 8s -6s ease-in-out infinite}.seq-in .cont-bg-1,.seq-in .cont-bg-2,.seq-in .cont-bg-3{left:0;opacity:1}.seq-out .cont-bg-1,.seq-out .cont-bg-2,.seq-out .cont-bg-3{left:-20%;opacity:0}.step1 .cont-bg-1{background:url("../images/step1/step-1-crystals-1.png") center center}.step1 .cont-bg-2{background:url("../images/step1/step-1-crystals-2.png") center center}.step1 .cont-bg-3{background:url("../images/step1/step-1-crystals-3.png") center center}.step2 .cont-bg-1{background:url("../images/step2/step-2-crystals-1.png") center center}.step2 .cont-bg-2{background:url("../images/step2/step-2-crystals-2.png") center center}.step2 .cont-bg-3{background:url("../images/step2/step-2-crystals-3.png") center center}.step3 .cont-bg-1{background:url("../images/step3/step-3-crystals-1.png") center center}.step3 .cont-bg-2{background:url("../images/step3/step-3-crystals-2.png") center center}.step3 .cont-bg-3{background:url("../images/step3/step-3-crystals-3.png") center center}.step4 .cont-bg-1{background:url("../images/step4/step-4-crystals-1.png") center center}.step4 .cont-bg-2{background:url("../images/step4/step-4-crystals-2.png") center center}.step4 .cont-bg-3{background:url("../images/step4/step-4-crystals-3.png") center center}.cont-data{z-index:10;transform:translate(-20%,-50%);opacity:0;transition:opacity .75s ease-in-out,left .75s ease-in-out}.seq-in .cont-data{left:50%;transform:translate(-50%,-50%);opacity:1}.seq-out .cont-data{left:0;transform:translate(-80%,-50%);opacity:0}#sequence{position:relative;width:100%;height:100vh;max-width:100%;overflow:hidden;margin:0 auto;padding:0;font-family:sans-serif}#sequence .seq-canvas,#sequence .seq-canvas > *{margin:0;padding:0;list-style:none}#sequence .seq-canvas{position:absolute;height:100%;width:100%;white-space:nowrap;font-size:0}#sequence .seq-canvas > *{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100vh;white-space:normal;text-align:center;color:#fff}#sequence .seq-canvas > li:before{content:"";display:inline-block;vertical-align:middle;height:100%}#sequence .content{display:inline-flex;align-self:center;vertical-align:middle;font-size:16px;position:relative;width:100vw;height:100vh}#sequence .step1{background-color:#279fe5;background:url("../images/step1/step-1-bg.jpg") center;background-size:cover}#sequence .step2{background-color:#f96852;background:url("../images/step2/step-2-bg.jpg") center;background-size:cover}#sequence .step3{background-color:#2bbf8e;background:url("../images/step3/step-3-bg.jpg") center;background-size:cover}#sequence .step4{background-color:#bfb02b;background:url("../images/step4/step-4-bg.jpg") center;background-size:cover}#sequence h2,#sequence h3{margin:0;display:block;line-height:120%}#sequence h2{margin-bottom:.5em;font-family:'Roboto',sans-serif;font-size:2.6em}#sequence h3{font-size:1.4em}.steps{overflow:hidden}.logo{position:absolute;top:50px;left:70px;background:url("../images/logo.png");width:516px;height:176px;transform-origin:0 0;transform:scale(.68)}@media (orientation:portrait){.logo{top:8px;left:50%;transform-origin:50% 0;transform:translateX(-50%) scale(.35)}}@media (max-width:360px) and (orientation:portrait){.logo{top:8px;left:50%;transform-origin:50% 0;transform:translateX(-50%) scale(.25)}}@media (max-height:900px) and (orientation:landscape){.logo{top:20px;left:50px;transform:scale(.45)}}.overlay-page{width:100%;height:200px;background:linear-gradient(to top,#121a3f,rgba(18,26,63,0));position:absolute;bottom:0;left:0}@media (orientation:portrait),(max-height:880px){.overlay-page{height:100px}}.btn-overlay{width:214px;height:64px;border-radius:32px;background:linear-gradient(to top,#986d48 0%,#ebbd8c 76%);display:flex;align-items:center;justify-content:center;font-size:32px;color:#07113a;cursor:pointer;position:absolute;right:25px;bottom:25px}.btn-overlay:hover{background:linear-gradient(to bottom,#986d48 0%,#ebbd8c 76%)}@media (orientation:portrait){.btn-overlay{width:200px;height:60px;font-size:28px;right:50%;transform:translateX(50%);bottom:15px}}@media (max-height:900px) and (orientation:landscape){.btn-overlay{width:150px;height:44px;font-size:22px}}.more-bonuses{display:none;width:360px;height:90px;position:absolute;top:110px;left:50%;transform:translateX(-50%)}@media (orientation:portrait){.more-bonuses{top:25px;transform:translateX(-50%) scale(.5)}}@media (max-height:880px) and (orientation:landscape){.more-bonuses{transform:translateX(-50%) scale(.7);top:25px}}.bonuses-bg{width:100%;height:100%;position:relative;pointer-events:none}.bonus-circle{background:url("../images/step4/circle.png") no-repeat;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bonus-circle-1{animation:circle-anim 4s 0s linear infinite}.bonus-circle-2{animation:circle-anim 4s -1s linear infinite}.bonus-circle-3{animation:circle-anim 4s -2s linear infinite}.bonus-circle-4{animation:circle-anim 4s -3s linear infinite}.bonuses-text{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-size:72px;color:#fff;cursor:pointer;text-align:center}.seq-preloader{background:#121a3f;visibility:visible;opacity:1;position:absolute;z-index:9999;height:100%;width:100%;top:0;left:0;right:0;bottom:0}@-moz-keyframes glass-fly{50%{transform:translateY(25px)}}@-webkit-keyframes glass-fly{50%{transform:translateY(25px)}}@-o-keyframes glass-fly{50%{transform:translateY(25px)}}@keyframes glass-fly{50%{transform:translateY(25px)}}@-moz-keyframes circle-anim{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}10%,90%{opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}@-webkit-keyframes circle-anim{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}10%,90%{opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}@-o-keyframes circle-anim{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}10%,90%{opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes circle-anim{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}10%,90%{opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}