:root{--foreground-rgb:black;--background-rgb:white;--header-background-rgba:#fff3;--button-backgrount-rgba:#0000}@media (prefers-color-scheme:dark){:root{--foreground-rgb:white;--background-rgb:black;--header-background-rgba:#0003}}#Header{background:linear-gradient(0deg,#0003 0%,var(--background-rgb)100%);z-index:1;border-color:var(--foreground-rgb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 5px 10px #000);-webkit-user-select:none;user-select:none;border-style:none none solid;border-width:2px;border-top-color:currentColor;border-left-color:currentColor;border-right-color:currentColor;border-bottom-right-radius:25px;border-bottom-left-radius:25px;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;height:90px;transition:all .25s;display:flex;position:fixed}#Header:hover{height:125px}#Header hr{border-color:var(--foreground-rgb);height:65%}#Header #Title{white-space:nowrap;color:var(--foreground-rgb);flex-direction:row;justify-content:center;align-items:center;padding:5px;display:flex}#Header #Title h1,#Header #Title p{margin-left:10px}#Title div{flex-direction:column;justify-content:space-around;height:100%;display:flex}#Header button{background-color:#0000;border:2px solid #0000;border-radius:25px;height:fit-content;margin:5px;padding:10px;font-weight:700;transition:all .2s}#Header button:hover{color:var(--background-rgb);border-color:var(--background-rgb);background-color:var(--foreground-rgb);cursor:pointer}#Header button:active{color:#000;background-color:#fff;border-color:#0000}@media (prefers-color-scheme:light){#Header{filter:none}}@media (orientation:portrait){#Header button{display:none}#Title p{font-size:12.5px}#Title h1{font-size:25px}#Header:hover{height:90px}}
