@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--gap:10px;--width:1050px;--height:500px;--accent:#6dabe4;--background:rgba(0, 0, 0, 0.8)}@font-face{font-family:"Hasklig";src:url(/fonts/hasklig.woff2)}*{margin:0;color:#fff;font-family:"Hasklig"}header,html{display:flex;align-items:center}html{height:100%;justify-content:center}#content,body{display:flex;flex-direction:column}body{gap:var(--gap);max-width:var(--width);background:#000 url(/assets/background.avif)no-repeat center center;background-size:cover}header>h2{width:fit-content;cursor:pointer;user-select:none}main{display:flex;height:var(--height)}header{gap:10px}#content{gap:.5em;position:relative;overflow-y:scroll;scrollbar-width:thin}#content,aside,body,nav{padding:10px}main,nav{border:1px solid #fff;background-color:var(--background);backdrop-filter:blur(.5rem);border-radius:5px}nav{height:20px}article:not(#content,:last-of-type){margin-bottom:15px}article>hr{width:200px;margin-bottom:15px}.chonk{flex:1}#now-playing{gap:10px;display:flex}#now-playing>a{display:flex}#now-playing img{width:50px}#now-playing div,aside{display:flex;flex-direction:column}#now-playing div{width:100%;overflow:hidden;justify-content:center}#now-playing span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}nav>a.active{color:var(--accent)}a{transition:opacity .2s ease}a:hover{opacity:.8}.external-links{list-style:none;padding-left:15px}.background{opacity:.5;user-select:none}aside{width:240px;border-left:1px solid #fff}#copyright{font-size:11px;margin-top:auto;text-align:center;font-family:monospace}.m88>div,nav{display:flex;gap:10px}.m88{overflow:hidden}.m88 img{image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}.m88,.m88 img,.m88>div{height:31px}footer{top:10px;right:10px;position:absolute;font-size:12px}a:hover,footer>a{text-decoration:none}a,footer>a:hover{text-decoration:underline}footer,h2{font-family:monospace}hr{border-bottom:none}.lds-dual-ring,.lds-dual-ring:after{box-sizing:border-box}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:32px;height:32px;margin:8px;border-radius:50%;border:3.2px solid currentColor;border-color:currentColor transparent;animation:spin 1.2s linear infinite}#pfp{width:30px;height:30px;animation:spin 5s linear infinite}details{border:1px solid #aaa;border-radius:4px;padding:.5em .5em 0}summary{font-weight:700;margin:-.5em -.5em 0;cursor:pointer}details[open],summary{padding:.5em}details[open] summary{border-bottom:1px solid #aaa;margin-bottom:.5em}