nav{display:flex;justify-content:center;padding:0 2em}nav>ul{display:flex;align-items:center;list-style-type:none;gap:.25em;padding:.2em;width:fit-content;background-color:#fafafa;background-position:center;border:1px solid #dddddd;border-radius:8px;overflow-x:auto;white-space:nowrap}nav>ul>li{padding:.05em}nav>ul>li>a{text-decoration:none;color:#444;text-align:center;display:block;padding:.4em 1.5em;white-space:nowrap;border-radius:6px;transition:background-color .05s ease-in-out}nav>ul>li>a.active{background-color:#444;color:#fff}nav>ul>li>:is(a:focus-visible:not(.active),a:hover:not(.active)){background-color:#0001}nav>button{display:none}@media(max-width:600px){nav{padding:0 1em}}@media(max-width:500px){nav{transform:translateY(-100%);position:fixed;flex-direction:column;justify-content:start;align-items:center;background-color:#fff;top:0;left:0;width:100dvw;height:100dvh;z-index:1000;overflow-y:auto}nav.open{transform:translateY(0);transition:transform .2s cubic-bezier(.19,1,.22,1)}nav>button{cursor:pointer;display:flex;gap:.5em;justify-content:center;align-items:center;color:#434343;background-color:#00000010;border:none;border-radius:8px;padding:1em;margin:2em 2em 1em;font-family:inherit;font-size:large;font-weight:500}nav>button>img{width:28px}nav>ul{padding:0;flex-direction:column;background:none;border:none;font-size:larger;overflow:clip}}header>div.logo-area{font-family:Playwrite GB J Guides,cursive;width:100%;display:flex;justify-content:center;align-items:center}header>div.logo-area>*{padding:1em;font-size:3em;color:#222;text-decoration:none}@media(max-width:800px){header>div.logo-area>*{font-size:2.25em}}@media(max-width:500px){header>div.logo-area>*{font-size:1.5em;width:100%;padding:1em .7em}}header>div.mobile-menu-button{display:none}@media(max-width:500px){header{padding-bottom:.5em}header>div.mobile-menu-button{display:flex;justify-content:center;margin-bottom:1em;position:absolute;top:25px;right:1em}header>div.mobile-menu-button>button{display:flex;align-items:center;font-size:18px;font-family:inherit;color:#444;border-radius:8px;border:none;cursor:pointer;padding:.5em;background-color:#f0f0f0}}