body{display:flex;flex-direction:column;margin:0}*{box-sizing:border-box}#menu-toggle{align-items:center;background:linear-gradient(135px,#6e8efb,#a777e3);border:none;border-radius:10%;box-shadow:0 4px 15px rgba(5,8,86,.329);cursor:pointer;display:flex;height:50px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:50px;z-index:1000}#menu-toggle:hover{box-shadow:0 6px 20px rgba(0,0,0,.3);transform:scale(1.1)}#menu-toggle:active{transform:scale(.95)}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:25px}.hamburger span{background-color:#000;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}#menu-toggle.active .hamburger span:first-child{transform:translateY(8.5px) rotate(45deg)}#menu-toggle.active .hamburger span:nth-child(2){opacity:0}#menu-toggle.active .hamburger span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.closed{transform:translateX(-100%);transition:transform .3s ease-in-out}.header{background-color:#fff;display:flex;font-family:Inter,sans-serif;gap:2rem;padding:1.5rem}#mobile-header{flex-direction:column;height:100%;padding-top:100px;position:absolute;width:18rem;z-index:999}#desktop-header{align-items:center;align-self:center;display:none;flex-direction:row;height:4rem;width:100%}.open{transform:translateX(0)}.header a{color:#333;font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.header a:after{background-color:#007bff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.header a:hover{color:#007bff}.header a:hover:after{width:100%}.header a:first-child{color:#007bff;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-right:auto}.header a:first-child:after{display:none}.header a:first-child:hover{opacity:.8;transform:scale(1.05);transition:transform .2s ease}.u-hidden{display:none!important}.u-flex-row{display:flex;flex-direction:row}.u-flex-col{display:flex;flex-direction:column}@media (min-width:1024px){#mobile-header{display:none}#desktop-header{display:flex}#menu-toggle{display:none}}@media (min-width:1368px){#desktop-header{width:80%}@media (min-aspect-ratio:2/1){.main-content{width:60%}}}