.header{flex-direction:column;gap:2rem;margin:7rem 2.5rem;display:flex;position:relative}.header .header__main{flex-direction:column;justify-content:center;padding:2rem;display:flex}.header .header__main::selection{color:var(--color-primary);text-shadow:none;background:0 0}.header .header__main .header__content{flex-direction:row;align-items:baseline;gap:1rem;display:flex}.header .header__main .header__content .header__title{margin:0;font-size:clamp(2.5rem,8vw,6rem)}.header .header__aside{overflow:hidden}.header .header__aside .header__image{color:var(--color-dark-muted)}@media (min-width:576px){.header .header__main .header__content{flex-direction:row;display:flex}}@media (min-width:768px){.header{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);display:grid}.header .header__aside{justify-content:flex-end;padding-top:4rem}}@media (prefers-color-scheme:dark){.header .header__aside .header__image{color:var(--color-light-muted)}}
.theme-switch-wrapper{align-items:center;display:flex}.theme-switch-wrapper em{margin-left:10px;font-size:1rem}.theme-switch{width:60px;height:34px;display:inline-block;position:relative}.theme-switch input{display:none}.slider{background-color:var(--color-light-muted);border:1px solid var(--border-color);cursor:pointer;transition:all .4s;position:absolute;inset:0}.slider:before{border:1px solid var(--border-color);content:"";background-color:#fff;width:26px;height:26px;transition:all .4s;position:absolute;bottom:3px;left:4px}input:checked+.slider{background-color:var(--color-dark-muted)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}
.navigation{background:var(--background-primary);z-index:1;width:100%;padding:1rem;position:fixed;top:0;left:0}.navigation .container{flex-direction:row;margin:0 2rem;display:flex}.navigation .logo{max-width:42px;height:inherit}.navigation .nav{flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem;width:100%;display:flex}.navigation .nav ul{gap:1rem;width:fit-content;list-style:none;display:flex}