.navbar{display:flex;align-items:center;position:relative;background:inherit}.navbar input[type=checkbox],.navbar label[for=dropdown]{margin-left:auto;display:none}.navbar label[for=dropdown] svg{display:block}.navbar ul{display:flex;list-style:none;margin:0 -1em 0 auto;padding:0;background:inherit;text-align:center}.navbar ul a{display:block;padding:1em;color:inherit;text-decoration:none}.navbar ul .active{border-bottom:solid 2px}.navbar ul a:hover{background-color:var(--bg3);text-decoration:none}@media screen and (max-width:600px){.navbar label[for=dropdown]{display:block}.navbar ul{position:absolute;top:100%;right:0;margin:0;flex-direction:column}.navbar ul .active{border:none;background-color:var(--bg3)}.navbar ul a{padding:1em 2em}.navbar:has(input[type=checkbox]:checked) ul{display:none}}