header{display:flex;align-items:center;flex-wrap:wrap;background:var(--background-navbar-section-header);color:var(--text-headings-navbar);padding-left:1em;padding-right:1em}@media(max-width:810px){header{flex-direction:column;align-items:start}nav>ul{flex-direction:column}}header>a{width:10em}header>nav{flex-grow:1}nav>ul{display:flex;flex-wrap:wrap;list-style-type:none;justify-content:space-around}nav>ul>li>a{text-decoration:none;color:inherit;font-size:24px;font-weight:500}header>button{background:var(--background-buttons);color:var(--text-button);border:0;border-radius:5px;padding:.5em .75em;text-transform:uppercase}header>button:hover{background:var(--background-button-hover)}header>button:active{background:var(--background-button-press)}