:root{--primary-color:#000;--secondary-color:#e12080;--text-color:#fff;--text-active-color:#000;--footer-bg-color:#200412}@font-face{font-family:Gagalin;src:url(/fonts/Gagalin-Regular.woff2)format("woff2"),url(/fonts/Gagalin-Regular.otf)format("truetype");font-weight:400;font-style:normal;font-display:swap}body{color:var(--text-color);background-color:var(--primary-color);margin:0;font-family:Roboto,sans-serif}h1,h2,h3,p,a,button{letter-spacing:.05rem}h1{letter-spacing:.1rem;font-family:Gagalin,sans-serif}h2{text-align:right;letter-spacing:.1rem;width:25vw;margin-top:0;margin-bottom:.25rem;padding-top:6rem;font-family:Gagalin,sans-serif;font-size:2.5rem}@media screen and (max-width:768px){h2{text-align:center;width:60vw;margin-left:1rem;padding-top:3rem;font-size:2rem}}@media screen and (min-width:768px) and (max-width:1024px){h2{width:35vw;margin-left:1rem;padding-top:5rem}}h3{letter-spacing:.15rem;font-family:Gagalin,sans-serif}p{font-family:Roboto,sans-serif;font-weight:700}section{min-height:100dvh;margin:0;padding:0;box-shadow:0!important;border:0!important}@media screen and (max-width:768px){section{padding-bottom:3rem}}.pink-line{background-color:var(--secondary-color);z-index:2;width:27vw;height:2px;margin-bottom:6rem}@media screen and (max-width:768px){.pink-line{margin-bottom:4rem;width:64vw!important}}@media screen and (min-width:768px) and (max-width:1024px){.pink-line{width:38vw!important}}.white-line{background-color:var(--text-color);width:35vw;height:2px;margin-bottom:4rem}@media screen and (max-width:768px){.white-line{margin-bottom:2rem}}.content{margin-left:5rem}@media screen and (max-width:768px){.content{margin-left:2rem;margin-right:2rem}}
.navbar{background-color:var(--secondary-color);color:var(--text-color);z-index:1000;border-radius:20px;justify-content:center;align-items:center;width:95%;max-width:1980px;height:60px;font-family:Gagalin,sans-serif;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003}button{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-family:Gagalin,sans-serif;font-size:1.5rem}a{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-family:Gagalin,sans-serif;font-size:1.5rem;text-decoration:none}@media screen and (min-width:768px) and (max-width:1024px){.mobile-menu li{font-size:1.5rem}}.navbar-container{justify-content:space-around;align-items:center;width:100%;max-width:1200px;padding:0 20px;display:flex}.logo-container{justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.navbar-logo{cursor:pointer;aspect-ratio:1;width:auto;height:125px;display:block}.logo-link{background:0 0;border:none}.navbar-links{flex-grow:1;justify-content:space-around;align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.navbar-links.left{flex:1;justify-content:space-around;margin-right:100px}.navbar-links.right{flex:1;justify-content:space-around;margin-left:100px}.navbar-links li{font-size:1.5rem}.navbar-links button,.navbar-links a{transition:color .3s ease-in-out}.navbar-links button.active{color:var(--text-active-color)}.navbar-links button:hover,.navbar-links a:hover{color:var(--primary-color)}.menu-toggle{background-color:var(--secondary-color);color:var(--text-color);cursor:pointer;z-index:1001;border:none;border-radius:50px;padding:10px 20px;font-size:1.2rem;transition:background-color .3s,transform .3s;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #0003}.menu-toggle.open{background-color:var(--secondary-color)}.menu-toggle:hover{transform:scale(1.1)}.mobile-menu{width:100%;height:100%;color:var(--text-color);opacity:0;visibility:hidden;z-index:1000;background-color:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:transform .3s,opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0;transform:translateY(100%)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu ul{text-align:center;flex-flow:column wrap;justify-content:space-around;height:50%;margin:0;padding:0;list-style:none;display:flex}@media screen and (min-width:768px) and (max-width:1024px){.mobile-menu ul{height:75%}}.mobile-menu li{font-size:2rem}.mobile-menu button{color:var(--text-color);transition:color .3s}@media screen and (min-width:768px) and (max-width:1024px){.mobile-menu button{font-size:2rem}}.mobile-menu button.active{color:var(--secondary-color)}.overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:999;pointer-events:none;width:100%;height:100%;transition:-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0}.overlay.blurred{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:block}
.footer{background-color:var(--footer-bg-color);text-align:center;padding:2rem 1rem}.footer-content{flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;display:flex}.footer-logo img{height:60px;margin-bottom:1rem;transition:transform .3s}.footer-logo img:hover{transform:scale(1.2)}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.footer-link{color:#eee;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--secondary-color)}.footer-bottom{color:#aaa;margin-top:1rem;font-size:.875rem}.footer-socials{justify-content:center;gap:1rem;margin:1rem 0;display:flex}.footer-socials a{color:#eee;font-size:1.5rem;transition:color .3s}.footer-socials a:hover{color:var(--secondary-color)}
