:root{--account-name-text:#fff;--account-dropdown-option:#d1d1d1;--account-dropdown-seperator:#4c4c4c;--navbar-shrink-color:#1a1a1a;--generic-nav-button-color:#2e2e2e;--points-display-background:#11df5a;--points-display-text:#fff;--nav-blue-pos:10%;--nav-grey-pos:30%;--nav-black-pos:40%;--nav-green-pos:68%;--nav-end-pos:95%;--navbar-height:40px}.option a{color:inherit;text-decoration:none}brand-nav{height:var(--navbar-height);z-index:999;width:100vw;transition:height 1s;display:block;position:fixed}.navbar{background:linear-gradient(56deg,var(--brand-black) 0%, var(--brand-black) var(--nav-blue-pos), var(--brand-blue) var(--nav-blue-pos), var(--brand-blue) var(--nav-grey-pos), var(--brand-gray) var(--nav-grey-pos), var(--brand-gray) var(--nav-black-pos), var(--brand-black) var(--nav-black-pos),var(--brand-black) var(--nav-green-pos), var(--brand-green) var(--nav-green-pos), var(--brand-green) var(--nav-end-pos), var(--brand-black) var(--nav-end-pos));z-index:999;justify-content:space-between;height:100%;display:flex;position:relative}.navbar-visibility-button{color:var(--navbar-shrink-color);z-index:1000;margin:3px;font-weight:800;transition:all 1s;position:absolute}.home-link{color:var(--account-name-text);background:var(--generic-nav-button-color);-webkit-user-select:none;user-select:none;text-align:center;border-radius:10px;min-width:100px;margin:3px;padding:4px;font-family:Calibri,serif;font-size:23px;font-weight:700;transition:all .1s}.username-link{color:var(--account-name-text);background:var(--generic-nav-button-color);-webkit-user-select:none;user-select:none;text-align:center;border-radius:10px;min-width:100px;padding:4px;font-family:Calibri,serif;font-size:23px;font-weight:700;transition:all .1s}.account-dropdown-wrapper{margin-left:auto;margin-right:15px;position:relative}.account-options{z-index:100;width:100%;height:0;transition:all .4s;position:absolute;overflow:clip}.account-options>.option{background:var(--generic-nav-button-color);width:100%;color:var(--account-dropdown-option);border-top:1px solid var(--account-dropdown-seperator);text-align:center;height:20px}.points-display{color:var(--points-display-text);background:var(--points-display-background);text-align:center;border-radius:5px;align-self:center;margin-left:10px;padding:2px}