#menu-burger{align-items:center;display:flex;font-size:22px;justify-content:center;transition:none}@media (min-width:1000px){#menu-burger{display:none}}.burger .bot-bar,.burger .mid-bar,.burger .top-bar{transform-origin:center center;transition:transform .5s ease}.burger.x .bot-bar{transform:rotate(-45deg) translateY(-8px)}.burger.x .top-bar{transform:rotate(45deg) translateY(8px)}.burger.x .mid-bar{transform:scaleX(0)}.menu-desktop{align-items:center;display:none;gap:2em;justify-content:flex-end;list-style-type:none;padding:0;width:100%}.menu-desktop li{animation:slide-in .5s ease calc(.15s*var(--delay)) both}.menu-desktop li:first-child{margin-left:0}.menu-desktop li:last-child{margin-right:0}.menu-desktop a{position:relative;transition:color .5s ease,font-size .5s ease calc(var(--delay)*.15s),-webkit-text-decoration .5s ease;transition:color .5s ease,text-decoration .5s ease,font-size .5s ease calc(var(--delay)*.15s);transition:color .5s ease,text-decoration .5s ease,font-size .5s ease calc(var(--delay)*.15s),-webkit-text-decoration .5s ease}.menu-desktop a:hover{color:var(--yellow-500)}.menu-desktop a.router-link-active{text-decoration-color:inherit}@media (min-width:1000px){.menu-desktop{display:flex}}.footer-socials{align-items:center;display:flex;font-size:1.2em;gap:1.3em;justify-content:flex-start;list-style-type:none;padding:0}.footer-socials .main-btn-icon:hover{color:var(--mono-600)}.footer-socials .main-btn-icon.ext .icon{width:1.4em}.menu-modal{background:var(--yellow-500);color:var(--black);height:100vh;height:100dvh;left:0;padding-top:var(--header-height);pointer-events:none;position:fixed;top:0;transform:translate(100%);transition:transform .5s ease;width:100%;z-index:200}.menu-modal.active{pointer-events:all;transform:translateY(0)}.menu-modal>.sub-wrapper{align-items:center;height:100%;overflow-y:auto;padding-bottom:var(--header-height);padding-top:2em;text-align:center;-ms-overflow-style:none;scrollbar-width:none}.menu-modal>.sub-wrapper::-webkit-scrollbar{display:none}.menu-modal-list{align-items:center;display:flex;flex-direction:column;gap:1.5em;list-style:none;margin:0 0 3em;padding:0;width:100%}.menu-modal a{transition:color .5s ease,font-size .5s ease calc(var(--delay)*.15s),-webkit-text-decoration .5s ease;transition:color .5s ease,text-decoration .5s ease,font-size .5s ease calc(var(--delay)*.15s);transition:color .5s ease,text-decoration .5s ease,font-size .5s ease calc(var(--delay)*.15s),-webkit-text-decoration .5s ease}.menu-modal a:hover{color:var(--mono-600)}.menu-modal a.router-link-active{text-decoration-color:inherit}.menu-modal-logo{margin-bottom:2em;margin-top:auto;max-width:175px;width:100%}.menu-modal-txt{line-height:1.6;margin-bottom:2em}.menu-modal-txt strong{font-family:var(--font-mono)}.menu-modal-txt a{transition:all .5s ease}.menu-modal-txt a:hover{color:var(--mono-600)}#head{background:var(--black);color:var(--white);justify-content:center;left:0;padding:18px 0;position:fixed;top:0;transition:all .5s ease;z-index:500}#head.dark{background:transparent;color:var(--black)}#head>.sub-wrapper{align-items:center;display:grid;gap:1em;grid-template-columns:max-content 1fr}.head-logo .icon{transition:all .3s ease,color 0s;width:170px}.head-menu{display:flex;gap:2em;justify-self:end}.head-search{font-size:1.2em;transition:none}@media (min-width:700px){#head{padding:2em 0 1.5em}.head-logo .icon{width:200px}}@media (min-width:1000px){#head{padding:1.5em 0 1.25em}.head-logo .icon{width:220px}.head-search{order:2}}#foot{background-color:var(--mono-50);padding:3em 0 0}#foot>.sub-wrapper{align-items:center;gap:4em}.foot-brand{align-items:center;display:flex;flex-direction:column;gap:2em;justify-content:center;width:100%}.foot-logo{width:180px}.foot-col{flex-direction:column}.foot-col,.foot-legal{align-items:center;display:flex;font-size:14px;justify-content:center;text-align:center;width:100%}.foot-legal{background-color:var(--white);margin-top:3em;padding:1.4em var(--side-padding)}@media (min-width:700px){#foot>.sub-wrapper{display:grid;grid-template-columns:2fr 1fr 1fr;place-items:start}.foot-col{text-align:left}.foot-brand,.foot-col{align-items:flex-start;justify-content:flex-start}.foot-social-wrap{padding-left:2em}}@media (min-width:1000px){#foot>.sub-wrapper{display:grid;grid-template-columns:3fr 1fr 1fr;place-items:start}.foot-social-wrap{padding-left:1em}.foot-col{font-size:16px}}
