.main-content{margin-top:200px;text-align:center}.main-content .circle-body:nth-child(odd){margin-top:40px}.circle-body{display:inline-block;width:136px;margin:0 13px;vertical-align:top;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle-body:hover{cursor:pointer}.circle-body:hover .circle{box-shadow:0 0 0 8px #403c8e;background:#272558;-webkit-animation:shadow .26s linear 10ms;animation:shadow .26s linear 10ms}.circle-body:hover .circle i{color:#2bb546}.circle-body:active .circle{box-shadow:0 0 0 24px #403c8e}.circle-body:active .circle i{color:#a09dd7}@-webkit-keyframes shadow{0%{box-shadow:0 0 0 0 #403c8e}50%{box-shadow:0 0 0 16px #403c8e}to{box-shadow:0 0 0 8px #403c8e}}@keyframes shadow{0%{box-shadow:0 0 0 0 #403c8e}50%{box-shadow:0 0 0 16px #403c8e}to{box-shadow:0 0 0 8px #403c8e}}.circle{width:70px;height:70px;margin:0 auto;border:4px solid #fff;text-align:center;border-radius:50%;-webkit-transition:all .2s linear 10ms;transition:all .2s linear 10ms}.circle i{font-size:24px;line-height:70px;color:#a09dd7;-webkit-transition:color .16s linear 10ms;transition:color .16s linear 10ms}.circle-logo{margin:25px 0 0}.circle-logo.codecanyon{width:90px}.circle-logo.creativeMarket{width:80px;margin-top:22px}.circle-logo.android{width:80px}.circle-logo.yt{width:50px;margin-top:23px}.circle-logo.github{width:65px}.popup-box{position:absolute;width:90%;background:#211f4b;top:70px;bottom:70px;left:0;right:0;margin:auto;-webkit-perspective:1000px;perspective:1000px}.close-popup-box{width:40px;height:40px;position:absolute;top:-20px;right:-20px;visibility:hidden;opacity:0;font-size:18px;line-height:44px;color:#211f4b;text-align:center;background:#3d3887;border-radius:50%;-webkit-transition:all .18s linear 10ms,color .18s linear 10ms,visibility .2s linear .7s,opacity .2s linear .7s,-webkit-transform .2s linear .7s;transition:all .18s linear 10ms,color .18s linear 10ms,visibility .2s linear .7s,opacity .2s linear .7s,-webkit-transform .2s linear .7s;transition:all .18s linear 10ms,color .18s linear 10ms,visibility .2s linear .7s,opacity .2s linear .7s,transform .2s linear .7s;transition:all .18s linear 10ms,color .18s linear 10ms,visibility .2s linear .7s,opacity .2s linear .7s,transform .2s linear .7s,-webkit-transform .2s linear .7s}.close-popup-box:after{content:"X";font-weight:700;display:flex;justify-content:center;align-items:center}.close-popup-box.active{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.close-popup-box:hover{color:#3d3887;background:#fff;cursor:pointer}.close-popup-box.clicked{-webkit-animation:bubbling .15s linear 10ms;animation:bubbling .15s linear 10ms}@-webkit-keyframes bubbling{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.85);transform:scale(.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bubbling{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.85);transform:scale(.85)}to{-webkit-transform:scale(1);transform:scale(1)}}.popup-box-logo{width:140px;display:block;margin:80px auto 0;visibility:hidden;opacity:0;-webkit-transform:scale(.95) rotateX(90deg);transform:scale(.95) rotateX(90deg);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.popup-box-logo.yt{width:90px}.popup-box-logo.active{visibility:visible;opacity:1;-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}.popup-box-inner{width:100%;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hero-title{display:inline-block;padding:3px 0;position:relative;font-size:16px;color:#9f9dd7;text-decoration:none;margin:6px 0;-webkit-transition:color .16s linear 10ms;transition:color .16s linear 10ms}.hero-title:after,.hero-title:before{content:"";width:0;height:1px;position:absolute;top:11px;background-color:rgba(159,157,215,.5);-webkit-transition:width .18s ease-out 10ms;transition:width .18s ease-out 10ms}.hero-title:before{left:-44px}.hero-title:after{right:-44px}.hero-title:hover{color:#6967c0}.hero-title:hover:after,.hero-title:hover:before{width:30px}.hero-title.active{color:#6967c0}.hero-title.active:hover{color:#9f9dd7}.hero-title:active:after,.hero-title:active:before{width:100%}.hero-line{position:absolute;background:#1a1737;-webkit-transition:all .6s ease-out 10ms;transition:all .6s ease-out 10ms}.hero-line.top{width:40%;width:0;height:16px;left:-8px;top:-8px}.hero-line.top-left{width:16px;height:40%;height:0;left:-8px;top:0}.hero-line.bottom{width:0;height:16px;right:-8px;bottom:-8px}.hero-line.bottom-right{width:16px;height:0;right:-8px;bottom:0}.hero-line.active.top{width:40%}.hero-line.active.top-left{height:40%}.hero-line.active.bottom{width:40%}.hero-line.active.bottom-right{height:40%}@-webkit-keyframes moving{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes moving{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-body{position:relative;width:42px;height:42px;margin:0 auto}.loading-circle{width:42px;height:42px;border-color:#6763be transparent;border-style:solid;border-width:4px;border-radius:50%;box-sizing:border-box;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:moving .7s linear infinite;animation:moving .7s linear infinite}.loading-circle.b{width:24px;height:24px;-webkit-animation-duration:.8s;animation-duration:.8s}.fromBottom-enter{opacity:0;visibility:hidden;-webkit-transform:scale(.95);transform:scale(.95)}.fromBottom-enter.fromBottom-enter-active{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.fromBottom-leave{opacity:1;visibility:visible}.fromBottom-leave.fromBottom-leave-active{opacity:0;visibility:hidden;-webkit-transform:scale(.92);transform:scale(.92);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.copyright{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:14px;color:#1a1739;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hero-title-v2{display:block;position:relative;text-align:center;color:#fff;font-size:26px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Raleway";src:url(/static/media/raleway.0e22b1db.woff2) format("woff2"),url(/static/media/raleway.9c098974.woff) format("woff")}body{font-family:"Raleway"}.wrapper{height:100vh;background-color:#2a275e;overflow:hidden}.logo{display:block;width:220px;margin:110px auto}@media screen and (max-width:1024px){.root{height:auto}.page-content{width:100%;margin:0}.hero-item-container{width:100%}.hero-item{display:block;margin:60px auto!important}.copyright{position:static;margin:20px 0}.wrapper{height:auto}.logo{margin:70px auto}.popup-box{width:80%}.popup-box-inner{padding:30px;box-sizing:border-box}.popup-box-logo{display:none}.hero-title:after,.hero-title:before{content:none}.main-content{margin-top:0}.circle-body{display:block;margin:0 auto 50px!important}}
/*# sourceMappingURL=main.74aa89a7.chunk.css.map */