.header{max-width:1600px;margin:0 auto;position:relative;z-index:1}.header .developers-btn{border:1.25px solid;border-image-source:linear-gradient(88.45deg, #c887ff -2.7%, #ffa9a9 100%);border-image-slice:1;background-origin:border-box;background-clip:padding-box, border-box;border-radius:4px;padding:10px 16px;position:relative;transition:border-image-source 0.2s ease-out}.header .developers-btn div{transition:opacity 0.2s ease-out}.header .developers-btn div.normal{background:linear-gradient(88.45deg, #c887ff -2.7%, #ffa9a9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;position:relative}.header .developers-btn div.hover{position:absolute;top:10px;opacity:0;color:#ffd4d5}.header .developers-btn:hover{border-image-source:linear-gradient(88.45deg, #ffd4d5 -2.7%, #ffd4d5 100%)}.header .developers-btn:hover div.normal{opacity:0}.header .developers-btn:hover div.hover{opacity:1}@media screen and (max-width: 890px){.header .developers-btn{padding:8px 12px}}.header .content{position:absolute;width:100%;display:flex;align-items:center;justify-content:space-between;padding:37rem 77rem}.header .content>*{flex:1 0 0}.header .content .left{position:relative}.header .content .left .logo{width:14px;height:36px}.header .content .left .glow{opacity:0;transition:opacity 0.2s ease-out;pointer-events:none;position:absolute;top:-17px;left:-27px;width:70px;height:70px}.header .content .left:hover .glow{opacity:1}.header .content .center{display:flex;justify-content:center}.header .content .center>:not(:first-child){margin-left:32rem}.header .content .center a{opacity:0.5;transition:opacity 0.2s ease-out}.header .content .center a:hover{opacity:1}.header .content .center a.active{opacity:1;text-shadow:0 0 8px #c883ff}@media screen and (max-width: 890px){.header .content .center{transform:scale(0.8)}}.header .content .right{display:flex;align-items:center;justify-content:flex-end}.header .content .right>:not(:first-child){margin-left:55rem}.header .content .right .social{display:flex}.header .content .right .social>:not(:first-child){margin-left:24rem}.header .content .right .social a{position:relative}.header .content .right .social a img{width:24px;height:24px;transition:opacity 0.2s ease-out}.header .content .right .social a img:nth-child(2){opacity:0;position:absolute;left:0}.header .content .right .social a:hover img:nth-child(1){opacity:0}.header .content .right .social a:hover img:nth-child(2){opacity:1}.header .content .right-mobile{display:none}.header .menu-content{display:none}@media screen and (max-width: 700px){.header .content{padding:25rem 24rem}.header .content .center,.header .content .right{display:none}.header .content .right-mobile{display:flex;justify-content:flex-end}.header .content .right-mobile .menu{width:calc(24rem + 40px);height:calc(14rem + 40px);padding:20px;margin:-20px}.header .menu-content{z-index:1;display:flex;flex-direction:column;background:url("../images/menuPattern.jpeg") no-repeat center center/cover;position:fixed;width:100vw;height:100vh;opacity:0;transition:opacity 0.5s ease-in-out;pointer-events:none}.header .menu-content.visible{opacity:1;pointer-events:all}.header .menu-content .top{padding:25rem 24rem;display:flex;align-items:center;justify-content:space-between}.header .menu-content .top img:nth-child(1){width:14px;height:36px}.header .menu-content .top img:nth-child(2){width:calc(17rem + 40px);height:calc(18rem + 40px);padding:20px;margin:-20px}.header .menu-content .center{flex:1 0 auto;display:flex;flex-direction:column;padding:100rem 16rem 0}.header .menu-content .center>:not(:first-child){margin-top:32rem}.header .menu-content .center .social{display:flex}.header .menu-content .center .social>:not(:first-child){margin-left:24rem}.header .menu-content .center .social img{width:32rem;height:32rem}.header .menu-content .bottom{padding:64rem 16rem;display:flex;justify-content:center}.header .menu-content .bottom .developers-btn{padding:14.5rem 0;width:100%;max-width:350rem;text-align:center}}
