header{width:100%;background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;transition:background-color 1s ease,color 1s ease;margin-bottom:3rem}.toggle-button{position:absolute;top:-2rem;right:-2rem;padding:2.8rem 3rem;border-radius:5px;cursor:pointer;transition:background-color 1s,color 1s,filter 1s ease}.dark .toggle-button,.toggle-button{color:var(--color-text)}.logo-img{max-height:150px;width:auto;transition:filter 1s ease}nav{width:100%;margin-top:1.5rem}nav,nav ul{display:flex;justify-content:center}nav ul{list-style:none;gap:1rem;margin:0;padding:0;flex-direction:row;flex-wrap:wrap}nav ul li{margin-bottom:.5rem;text-align:center}nav a{text-decoration:none;color:var(--color-link);font-weight:400}@media (max-width:600px){nav ul{gap:.5rem;flex-direction:column}nav ul li{width:100%}}@media (min-width:601px){nav ul li{width:auto}}