dialog{background:var(--color-secondary-background);border:none;border-radius:1rem;box-shadow:0 0 .25rem .25rem #0000001a;left:50vw;min-height:10rem;min-width:20rem;padding:1.25rem;position:fixed;top:50vh;translate:-50% -50%}dialog *{color:var(--color-text)!important}dialog>header{display:flex;margin-bottom:.75rem;position:relative}dialog>header>span{cursor:pointer;position:absolute;right:0}dialog::backdrop{background-color:#00000080}dialog .content{display:flex;flex-direction:column;gap:.5rem}dialog .content input{background-color:var(--color-background);border:none;border:2px solid var(--color-background);border-radius:.5rem;padding:.5rem}dialog .content input:focus{border-color:var(--color-primary);outline:none}dialog .content button{background-color:var(--color-primary);border:none;border-radius:.5rem;color:var(--color-primary-text)!important;cursor:pointer;padding:.5rem}nav{background:var(--color-primary);display:flex;height:4rem;justify-content:center;position:fixed;top:0;width:100%;z-index:100}nav img{height:100%}nav *{color:var(--color-primary-text);font-size:1rem;font-weight:700}nav>a{align-items:center;display:flex;height:100%;padding:1rem;text-decoration:none;transition:background 50ms ease-in-out}nav>a:hover{background:#00000040}nav>input{background:#00000040;border:none;border-radius:.5rem;color:var(--color-primary-text);margin:.5rem;padding:.5rem;width:30rem}nav>input::-moz-placeholder{color:var(--color-primary-text)}nav>input::placeholder{color:var(--color-primary-text)}