:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ecebd5;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--nav_hover_color: #84b384;--alt_text_color: #242424;--nav_background_color: #447044}.clearfix:after{content:"";clear:both;display:table}body{margin:0}.navbar{--nav_height: 2.5em;display:flex;position:sticky;align-items:center;background-color:var(--nav_background_color);width:100%;font-size:large;height:var(--nav_height);margin:0;padding:0}.navbar .logo_holder{display:flex;justify-content:center;align-items:center;height:100%;width:var(--nav_height);overflow:hidden}.navbar .logo_holder img{height:80%}.navbar a{display:inline-block;box-sizing:border-box;height:100%;line-height:var(--nav_height);color:inherit;text-align:center;padding:0 15px;text-decoration:none;transition:color .5s,background-color 1s}.navbar a:hover{background-color:var(--nav_hover_color);color:var(--alt_text_color);transition:color .5s,background-color 1s}.navbar a.active{background-color:var(--nav_hover_color);color:var(--alt_text_color)}@media(prefers-color-scheme:light){:root{color:#202020;background-color:#faf9f4;--nav_hover_color: #84b384;--alt_text_color: #242424;--nav_background_color: #447044}}