header{width:100%;background-color:var(--color-bg);align-items:center;transition:background-color 1s ease,color 1s ease;margin-bottom:1rem}.toggle-button-container,header{display:flex;flex-direction:column}.toggle-button-container{position:absolute;top:-2rem;right:-2rem;align-items:flex-end;gap:.5rem}.toggle-button{padding:2.8rem 3rem;border-radius:5px;cursor:pointer;transition:background-color 1s,color 1s,filter 1s ease;background-color:transparent;border:none;outline:none}.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}nav a{text-decoration:none;color:var(--color-link);font-weight:400}.auth-button-container-header{position:absolute;top:-2rem;left:-2rem}.auth-button-container{position:relative}.user-menu{position:relative}.user-menu,.user-toggle-button{display:flex;align-items:center}.user-toggle-button{padding:2.8rem 3rem;border-radius:5px;cursor:pointer;transition:background-color 1s,color 1s,filter 1s ease;background-color:transparent;border:none;outline:none}.auth-options-inline,.dark .user-toggle-button,.user-toggle-button{color:var(--color-text)}.auth-options-inline{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;font-size:.75rem;opacity:1;animation:morphIn 1s ease-out;padding:2.8rem 3rem}.auth-options-inline button{background:none;border:none;color:var(--color-text);cursor:pointer;padding:0;transition:opacity 1s ease;opacity:.6;font-size:inherit;line-height:1.2}.auth-options-inline button:nth-child(2){margin-top:.3rem}.auth-options-inline button:hover{opacity:1}@keyframes morphIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-button-wrapper{padding:2.8rem 3rem;display:flex;align-items:center;justify-content:center}@media (max-width:600px){nav ul{gap:.5rem}}