header{display:flex;justify-content:center;padding:10px 0;position:relative;width:100%}header.fixed{position:fixed}a{color:#fff;text-decoration:none;transition:all .3s ease}a:hover{color:#cadffc}.bg{background-color:#2563eb;height:100%;opacity:.9;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.nav-header{align-items:center;border-radius:14px;box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:10px 20px;width:97%}.nav-img{transition:all .3s ease;width:clamp(50px,6vw,60px)}.nav-img:hover{cursor:pointer;scale:.99}.nav-img>img{border-radius:50%;width:100%}.ul-main{color:#fff;display:flex;font-size:clamp(1.2rem,2.7vw,1.8rem);gap:20px;list-style-type:none}.ul-main>li{align-items:center;display:flex;justify-content:center}.ul-main>li:hover{color:#cadffc;cursor:pointer;transition:all .3s ease}.no-decoration{color:inherit;text-decoration:none;transition:all .3s ease}.no-decoration:hover{color:#cadffc;cursor:pointer}.mobile-main{align-items:center;aspect-ratio:1/1;border:4px solid #fff;border-radius:10px;box-sizing:border-box;display:flex;display:none;flex-direction:column;gap:6px;height:50px;justify-content:center;transition:all .3s ease}.mobile-main>span{background-color:#fff;border-radius:4px;height:4px;transition:all .3s ease;width:70%}.mobile-main:hover{border-color:#cadffc;cursor:pointer}.mobile-main:hover>span{background-color:#cadffc}.modal-mobile{background-color:#1a202c;display:flex;flex-direction:column;height:calc(100vh - 94px);justify-content:center;min-height:300px;position:fixed;top:94px;width:100%;z-index:100}.show{opacity:1;transition:all .3s ease}.ul-mobile{color:#fff;display:flex;flex-direction:column;font-size:clamp(1.2rem,8vw,2rem);gap:20px;list-style-type:none}.ul-mobile>li{text-align:center}.modal-enter-active,.modal-leave-active{transition:all .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.disable{display:none;pointer-events:none}.bg.disable{opacity:.9}@media screen and not (min-width:720px){.mobile-main{display:flex}.ul-main{display:none}}.footer{align-items:center;display:flex;justify-content:center;padding:10px 0;position:relative}.bg-footer{background-color:#2563eb;height:100%;opacity:.9;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.footer-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:1200px;width:97%}.footer-content>p{opacity:.7}.footer-media{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.VK,.discord,.telegram,.twitch,.youtube{transition:all .3s ease}.VK:hover,.discord:hover,.telegram:hover,.twitch:hover,.youtube:hover{cursor:pointer;scale:.98}.VK:hover>svg>.bg-svg,.VK:hover>svg>g>.bg-svg,.discord:hover>svg>.bg-svg,.discord:hover>svg>g>.bg-svg,.telegram:hover>svg>.bg-svg,.telegram:hover>svg>g>.bg-svg,.twitch:hover>svg>.bg-svg,.twitch:hover>svg>g>.bg-svg,.youtube:hover>svg>.bg-svg,.youtube:hover>svg>g>.bg-svg{fill:#cadffc}.bg-svg{fill:#fff}.bg-svg,.logo-svg{transition:all .3s ease}.logo-svg{fill:#2563eb}