:root{--accent-col:#fff;--text-col:#7b88cb;--desc-col:#666f9b;--body-bg:#141623;--panel-rad:20px;--panel-rad1:10px;--panel-bg:#1f243e;--panel-brd:#3d4778;--panel-sh:#00000059;--panel-h-bg:#2c3357;--panel-h-brd:#4b5692;--panel-sep:#414d93;--panel-icon:#7b88cb;--in-bg:#0f121e;--in-brd:#333b66;--in-text-col:#6276d9;--in-desc-col:#475390;--in-sep:#181c30;--status-offline:#8b8b8b;--status-online:#00f38e;--status-idle:#ffb700;--status-dnd:#fa3a3a;--btn-bg:#0f121e;--btn-brd:#333b66;--btn-text:#475390;--btn-h-bg:#2c3357;--btn-h-brd:#4b5692;--btn-h-text:#7b88cb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--body-bg);-webkit-user-select:none;user-select:none}h1{-webkit-user-select:text;user-select:text;font-family:Sora,monospace;font-weight:700}h2,p,a,span{font-family:Sora,monospace;font-weight:500}.hrz-wrap{display:flex}.justify-start{justify-self:start}.justify-end{justify-self:end}.align-start{align-self:start}.align-end{align-self:end}@keyframes showPageContainer{0%{opacity:0;transform:translateY(25px)}80%{opacity:1}to{transform:translateY(0)}}.arrow-icon{color:var(--panel-icon);min-width:20px;min-height:20px}.wrap{flex-wrap:wrap}.header{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:10px 5px 5px;display:grid}.logo{border-radius:var(--panel-rad);background-color:var(--panel-bg);border:1px solid var(--panel-brd);box-shadow:0 0 25px var(--panel-sh);justify-self:start;align-items:center;gap:5px;height:50px;padding:0 10px 0 5px;display:flex}.logo h2{color:var(--text-col);font-size:20px}.avatar-wrap{justify-content:center;align-items:center;display:flex;position:relative}.avatar-wrap img{border-radius:50%;width:40px;height:40px}.dc-status{background-color:var(--panel-bg);border-radius:50%;width:16px;height:16px;position:absolute;bottom:0;right:0}.dc-status:after{content:"";background-color:var(--status-offline);border-radius:50%;min-width:12px;min-height:12px;animation:2s infinite dcStatusAnim;position:absolute;bottom:2px;left:2px}.dc-status.online:after{background-color:var(--status-online)}.dc-status.idle:after{background-color:var(--status-idle)}.dc-status.dnd:after{background-color:var(--status-dnd)}@keyframes dcStatusAnim{0%{opacity:1}50%{opacity:.3}to{opacity:1}}nav{background-color:var(--panel-bg);border:1px solid var(--panel-brd);border-radius:var(--panel-rad);box-shadow:0 0 25px var(--panel-sh);justify-self:center;align-items:center;gap:5px;height:50px;padding:0 10px;display:flex}nav a{color:var(--text-col);border-radius:var(--panel-rad1);padding:5px;font-size:14px;text-decoration:none;transition:all .2s ease-in-out}nav a:hover,nav a.current{background-color:var(--panel-h-bg)}.info{background-color:var(--panel-bg);border:1px solid var(--panel-brd);border-radius:var(--panel-rad);box-shadow:0 0 25px var(--panel-sh);justify-self:end;align-items:center;gap:5px;height:50px;padding:0 10px;font-size:14px;display:flex}.info p{color:var(--text-col)}@media screen and (width<=600px){.logo{border-radius:50%;padding:4px}.logo h2{display:none}.info{border-radius:50%;width:50px;padding:4px}.info p{display:none}}.panel{background-color:var(--panel-bg);border:1px solid var(--panel-brd);border-radius:var(--panel-rad);box-shadow:0 0 50px var(--panel-sh);flex-direction:column;justify-content:center;align-items:start;gap:3px;width:100%;max-width:800px;padding:10px;display:flex}.panel .separator{border:1px dashed var(--panel-sep);width:100%;height:1px;margin-top:8px;margin-bottom:8px}.panel h1{color:var(--text-col);font-size:24px}.panel h2{color:var(--text-col);font-size:20px}.panel p{color:var(--desc-col);font-size:18px}.in-panel{background-color:var(--in-bg);border:1px solid var(--in-brd);border-radius:var(--panel-rad);flex-direction:column;padding:10px;display:flex}.in-panel p{color:var(--in-text-col);font-size:15px}.in-panel .desc{color:var(--in-desc-col);font-size:15px}.in-panel a{color:var(--in-text-col);cursor:pointer}.in-panel .separator{border:1px solid var(--in-sep);display:flex}.icon-button{cursor:pointer;background-color:var(--btn-bg);border:1px solid var(--btn-brd);border-radius:var(--panel-rad1);justify-content:center;align-items:center;gap:5px;padding:5px 8px;transition:all .3s;display:flex}.icon-button p{color:var(--btn-text);font-size:14px}.icon-button-icon{color:var(--btn-text);width:20px;height:20px;transition:all .3s}.icon-button:hover{background-color:var(--btn-h-bg);border:1px solid var(--btn-h-brd)}.icon-button:hover p{color:var(--btn-h-text)}.icon-button:hover .icon-button-icon{color:var(--btn-h-text);transform:rotate(8deg)}.home-container{justify-content:center;align-items:center;margin-top:6rem;padding:5px;animation:.4s forwards showPageContainer;display:flex}.home-hrz-wrap{justify-content:center;align-items:center;gap:5px;display:flex}@media screen and (width<=400px){.home-container{margin-top:2rem}}.about-container{justify-content:center;align-items:center;margin-top:6rem;padding:5px;animation:.4s forwards showPageContainer;display:flex}.about-gap3{gap:3px}@media screen and (width<=400px){.about-container{margin-top:2rem}}