.header-container{padding:1rem 1.5rem;position:fixed;width:100%;background-color:var(--dark_main_background);z-index:100;.wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{img{width:auto;height:auto;max-width:6rem}}nav{position:absolute;height:100vh;background:var(--dark_main_background);width:100vw;left:0;top:0;padding:6rem 1.5rem 1rem;svg{position:absolute;top:1.7rem;right:1.7rem;transform:scale(1.4)}ul{display:flex;flex-direction:column;align-items:start;gap:1.5rem;color:var(--light_main_text);font-size:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;.selected{a{color:var(--accent_color)}}button{font-size:1.5rem;width:100%}}&.visible{display:block}&.hidden{display:none}.lang-selector{border-radius:8px;background:var(--dark_secondary_background);border:none;color:#fff;outline:none;position:relative;.lang-selected{display:flex;align-items:center;gap:.5rem;padding:.7rem;transition:all .3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{filter:brightness(.7)}}.options{position:absolute;bottom:-1rem;transform:translateY(100%);display:flex;flex-direction:column;border-radius:8px;overflow:hidden;.option{min-width:8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:1rem;background:var(--dark_secondary_background);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;&:hover{filter:brightness(.7)}}}}}@media (min-width:768px){.logo{img{max-width:9rem}}}@media (min-width:1100px){.menu{display:none}nav{position:relative;height:auto;width:auto;padding:0;ul{flex-direction:row;align-items:center;font-size:.9rem;li{position:relative;.line{position:absolute;width:0;background:var(--accent_color);height:2px;bottom:-5px;transition:all .3s ease-out}&:hover{.line{width:100%}}}button{font-size:1rem;padding-block:.7rem}}svg{display:none}&.hidden,&.visible{display:block}}}}