:root{height:100vh;width:100vw;overflow:hidden;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border:none;background:none;outline:none;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1rem}:root{--dark-purple: #090040;--purple: #471396;--bright-purple: #B13BFF;--background: #eee;--foreground: #fff;--foreground-border: #ddd;--header-background: linear-gradient( 45deg, color-mix(in srgb, var(--dark-purple) 40%, #202020) 0%, color-mix(in srgb, var(--dark-purple) 18%, #202020) 100% );--sub-header-background: color-mix(in srgb, var(--dark-purple) 18%, #111);--header-border: color-mix(in srgb, var(--dark-purple) 10%, #202020)}:root{--header-height: 8vh;--z-index-header: 1000}.header-container{z-index:var(--z-index-header);display:flex;position:fixed;top:0;left:0;width:100%;max-width:100%;height:var(--header-height);min-height:var(--header-height);flex-direction:row;overflow:visible;align-items:center;justify-content:space-between;background:var(--header-background);border-style:solid;border-width:0 0 2px 0;border-color:var(--header-border);transition:height .5s ease}.header-button-row{display:flex;flex-direction:row;align-items:center;height:inherit;padding:0 2vw}.header-links-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;padding:0 2vw}.header-icon{height:calc(var(--header-height)/3);aspect-ratio:1 / 1;display:block;flex:0 0 auto;max-width:none;margin:4px;transition:height .2s,margin .2s}.header-icon:hover{height:calc(var(--header-height)/3 + 8px);margin:0}.header-button{cursor:pointer;display:flex;flex-direction:column;color:#777;min-width:200px;padding:0 32px;background-color:transparent;height:var(--header-height);align-content:center;justify-content:center;transition:background-color .2s}.header-button.enabled{color:#fff;display:flex;flex-direction:column}.header-button:hover{opacity:1;background-color:var(--sub-header-background)}.header-button:active{opacity:.7}.sub-header{position:absolute;top:var(--header-height);left:0;width:100%;height:0;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 16px;padding:0 2vw;opacity:0;background:var(--sub-header-background);transition:padding .2s,height .2s ease,opacity .2s}.sub-header.open{padding:5px 2vw;opacity:1;height:var(--header-height)}.header-sub-button{cursor:pointer;color:#777;opacity:.6;padding:0 10px;text-wrap:nowrap}.header-sub-button.enabled{color:#fff}.header-sub-button:active{color:#aaa}.header-sub-button:hover{opacity:1}.page-container{position:absolute;width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow:clip;background-color:var(--background);background-image:url(/images/background.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.page-body{pointer-events:none;z-index:1;bottom:0;left:0;position:absolute;width:100vw;max-width:100vw;height:calc(100vh - var(--header-height))}