.header{z-index:999;width:100%;color:var(--white);place-items:center;transition:background-color .3s;display:grid;position:fixed;top:0}.header--light,.header--light .headerLink{color:var(--text-color)}.header--light .headerLink--active{border-color:var(--text-color)}.header--light:has(.header__menu--open) .headerLink{color:var(--white)}.header--light:has(.header__menu--open) .headerLink--active{border-color:var(--white)}.header--darken{color:var(--white);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0c3253e6}.header--darken .headerLink{color:var(--white)}.header--darken .headerLink--active{border-color:var(--white)}.header__logo{object-fit:contain;z-index:0;width:clamp(6rem,8vw,8rem);height:auto;position:relative}.header__container{align-items:center;gap:5rem;width:100%;padding:.5rem 2rem;display:flex}.header__nav{align-items:center;gap:1.5rem;display:flex}.header__nav li{display:flex}.header__menuButton{margin-left:auto}.header--mobile{display:none}.header nav+p{margin-left:auto}@media (max-width:768px){.header__menu--open{color:var(--white);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0c3253e6}.header__menu--open .headerLink{color:var(--white)}.header__menu--open .headerLink--active{border-color:#fff}.header__container{padding:.5rem 1rem}.header__menuLogo{width:10rem;margin-bottom:2rem}.header__menu{background-color:#0c3253e6;width:100%;height:100svh;display:none;position:absolute;top:0;right:0}.header__menu--open{display:block}.header__menu--open .header__menuContainer{transform:translate(0)}.header__menuContainer{background-color:var(--blue);width:70%;min-width:18rem;max-width:30rem;height:100svh;transition:all .5 ease;padding:1rem;position:absolute;top:0;right:0;transform:translate(100%)}.header__menuButton{display:block}.header__menuButtonClose{margin-left:auto;display:block}.header__nav{display:grid}.header--mobile{display:block}}
.headerLink{border:2px solid #0000;border-radius:5rem;padding:.5rem .8rem;font-size:1em;font-weight:500;transition:color .3s}.headerLink--active{border-color:var(--white);padding:.5rem .75rem}
.footer{background:radial-gradient(70% 50% at bottom center,#111,var(--dark-blue));place-items:center;display:grid}.footer img{width:8rem}.footer__container{color:#fff;place-content:center;gap:2rem;width:100%;max-width:1280px;padding:5rem 1rem;display:grid}.footer__socialMediaLinks{justify-content:center;gap:1rem;display:flex}