:root{--bg-color:rgb(13, 13, 18);--topbar-color:rgb(16, 16, 24);--topbar-height:48px;--text-color:rgb(255, 255, 255);--preferred-font:"Nunito Sans",sans-serif}.raw-button{display:block;font-family:var(--preferred-font);cursor:pointer;background:0 0;border:none;color:#fff;text-align:left;padding:0;margin:0}body{margin:0;margin-top:var(--topbar-height);background-image:url(/assets/images/bg.svg);background-size:1300px;background-position-x:center;background-repeat:repeat;background-color:var(--bg-color);color:var(--text-color);font-family:var(--preferred-font);display:flex;flex-direction:column;min-height:calc(100dvh - var(--topbar-height));justify-content:space-between}.topbar{box-sizing:border-box;position:fixed;width:100%;top:0;background-color:var(--topbar-color);padding:0 20px;backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;height:var(--topbar-height);box-shadow:0 -1px 4px rgba(0,0,0,.2);z-index:2}.topbar__logo{font-size:30px;font-weight:700;color:#fff;text-decoration:none}.user-card-section{position:relative;height:var(--topbar-height)}#user-card{box-sizing:border-box;padding:0 10px;height:100%;width:100%;display:flex;gap:12px;align-items:center}#user-card:hover{background-color:rgba(100,100,100,.1)}.user-card__icon{height:35px;border-radius:50%}.user-card__data{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.user-card__displayname{font-weight:700;font-size:16px;color:#dcdcdc}.user-card__username{color:#c4c4c4;font-size:11px}#user-options{position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:var(--topbar-color);border:1px solid rgba(255,255,255,.1);border-radius:4px;min-width:100%;display:flex;flex-direction:column;display:none;opacity:0;padding:5px 0}#user-options.shown{display:block;animation:fadeIn 80ms ease forwards}#user-options.hidden{display:block;animation:fadeOut 80ms ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0;display:none}}.option{font-size:16px;padding:6px 8px;width:100%;font-weight:700;color:#dcdcdc}.option:hover{background-color:rgba(255,255,255,.05);color:#fff}main{margin:0 10px;flex-grow:1}a.styled{color:#58a0ff;text-decoration:none}a.styled:hover{text-decoration:underline}footer{display:flex;justify-content:center;align-items:flex-end;width:100%;margin-top:10px}footer ul.row{display:flex;list-style:none;padding:0;font-size:16px;margin:16px 8px}footer ul.row li{border-right:1px solid #686868;padding-right:12px;margin-right:12px;line-height:15px;text-align:center}footer ul.row li a{color:gray!important}footer ul.row li:last-child{border-right:none;padding-right:0;margin-right:0}@media screen and (max-width:600px){.user-card__data{display:none}#user-options{width:120px;transform:none;right:0;left:unset}}.popup{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}