#loader,body{background:var(--background)}#loader,header{position:fixed;width:100%;display:flex}#loader,body,header{display:flex}body,h1,h2{padding:0;margin:0}.backgroundContainer,.pageContainer,li::after,nav{position:absolute}header,nav{backdrop-filter:blur(30px)}body,h1,h2,ul{margin:0}#loader,li::after{height:100%;top:0}li,li::after{transition:.4s}.menuButton,li{cursor:pointer}li,td,th{overflow:hidden}th,thead th{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;border-bottom:2px solid #fff}:root{--accent:#d92b2b;--accent-secondary:#7a0d0d;--background:#0f0f0f;--text-color:#fff;--shadow-color:rgba(0, 0, 0, 0.7)}body{width:100vw;height:100vh;flex-direction:column;overflow:auto;overflow-x:hidden;font-family:Rajdhani,sans-serif;color:var(--text-color);transition:.3s ease-in-out}*{user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none}h4{margin:25px 0 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-secondary));border-radius:3px}#loader{left:0;z-index:9999;justify-content:center;align-items:center;transition:opacity .5s}.spinner{width:80px;height:80px;border:5px solid rgba(255,255,255,.1);border-top:5px solid var(--accent);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.backgroundContainer{top:-100%;width:200%;height:200%;overflow:hidden;z-index:-1}.backgroundContainer::before{content:"";position:absolute;top:-2.5%;left:-2.5%;width:105%;height:105%;background:url("/img/backgrounds/wallpaper_apix.png");filter:blur(10px) brightness(.4);background-size:cover;z-index:-2}header{align-items:center;height:90px;min-height:90px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 50px #fff,0 0 30px rgba(100,0,0,.5);z-index:10}.nameContainer{display:flex;align-items:flex-end;gap:10px;margin-left:30px}.pageContainer{left:50%;transform:translateX(-50%)}h1,h2{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.9)}h1{font-family:'Black Ops One',sans-serif;font-size:2.8vw}h2{font-size:1.8vw}nav{right:-350px;top:90px;width:280px;height:calc(100vh - 120px);padding:20px;overflow-y:auto;background:rgba(0,0,0,.8);border-left:1px solid rgba(255,255,255,.1);box-shadow:-4px 0 15px var(--shadow-color);transition:.3s}nav.active{right:0}nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-secondary));border-radius:3px}ul{list-style:none;padding:0}li{position:relative;padding:14px 18px;margin-bottom:12px;border-radius:12px;background:rgba(255,255,255,.06);backdrop-filter:blur(15px);box-shadow:0 0 12px rgba(255,65,108,.2)}li::after{content:"";left:-100%;width:200%;background:linear-gradient(120deg,transparent,rgba(255,65,108,.3),transparent);transform:skewX(-20deg)}.menuButton span,.point span{position:absolute;background:#fff;transition:.3s}.newpage:after{background:linear-gradient(120deg,transparent,rgba(255,40,50,.3),transparent);transform:skewX(50deg)}li:hover::after{left:100%}li:hover{transform:scale(1.03);box-shadow:0 0 40px rgba(255,65,108,.5),0 0 60px rgba(127,0,255,.3)}.newpage:hover{box-shadow:0 0 40px rgba(255,0,0,.514),0 0 60px rgba(92,0,184,.3)}.subMenu{max-height:0;opacity:0;transition:max-height .5s,opacity .5s,margin .5s;z-index:10}.subMenu.active{max-height:500px;margin-top:15px;opacity:1}.mainMenu{color:#fff;font-size:22px}.point span{right:15px;top:20px;width:18px;height:18px;clip-path:polygon(100% 0%,0% 0%,50% 100%);box-shadow:0 0 8px rgba(255,255,255,.7)}.point span.active{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(135deg,var(--accent),var(--accent-secondary));box-shadow:0 0 15px rgba(255,65,108,.7)}.menuButton{position:absolute;right:20px;top:20px;width:55px;height:55px;border-radius:50%;background:linear-gradient(145deg,#1f1f1f,#0d0d0d);box-shadow:6px 6px 12px #0a0a0a,-6px -6px 12px #1a1a1a;transition:.2s;z-index:20}.menuButton:hover{transform:scale(1.08);box-shadow:0 0 20px rgba(255,65,108,.6),0 0 40px rgba(127,0,255,.4)}.menuButton:active{transform:scale(.95)}.menuButton span{width:28px;height:3px;border-radius:3px}.menuButton span:first-child{top:17px;left:50%;transform:translate(-50%)}.menuButton span:nth-child(2){top:26px;left:50%;transform:translate(-50%)}.menuButton span:nth-child(3){top:35px;left:50%;transform:translate(-50%)}.menuButton:hover span:first-child{transform:translate(-50%) translateY(-1px)}.menuButton:hover span:nth-child(3){transform:translate(-50%) translateY(1px)}.commandList{position:relative;padding:0;top:90px;width:100%;max-height:calc(100vh - 100px);overflow-y:auto}table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed}thead th{position:sticky;top:0;z-index:2}td,th{padding:15px 20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}tr:nth-child(2n){background:rgba(255,255,255,.05)}tr:hover{background:rgba(255,65,108,.15)}td:first-child,th:first-child{max-width:100px;width:100px}td:nth-child(2),th:nth-child(2){max-width:250px;width:250px}td:nth-child(3),td:nth-child(5),th:nth-child(3),th:nth-child(5){max-width:200px;width:200px}td:nth-child(2){user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important}@media (max-width:1200px){h1{font-size:3.2vw}h2{font-size:2vw}nav{width:250px}td:nth-child(4),th:nth-child(4){max-width:500px;width:300px}}@media (max-width:992px){h1{font-size:3.8vw}h2{font-size:2.4vw}nav{width:220px}.nameContainer{margin-left:15px;gap:5px}.menuButton{width:45px;height:45px}.menuButton span{width:22px}.menuButton span:first-child{top:18px;left:50%;transform:translate(-50%)}.menuButton span:nth-child(2){top:22px;left:50%;transform:translate(-50%)}.menuButton span:nth-child(3){top:26px;left:50%;transform:translate(-50%)}}@media (max-width:768px){.commandList,nav{top:70px}header{height:70px;min-height:70px}h1{font-size:5vw}h2{font-size:3vw}nav{width:200px;height:calc(100vh - 90px)}.mainMenu{font-size:16px}li{padding:12px 14px}.point span{top:16px;width:16px;height:16px}}@media (max-width:576px){.commandList{overflow-x:auto}table{min-width:600px}td,th{padding:10px 14px}.menuButton{right:10px;top:10px}.menuButton span{width:20px}.menuButton span:first-child{top:16px;left:50%;transform:translate(-50%)}.menuButton span:nth-child(2){top:20px;left:50%;transform:translate(-50%)}.menuButton span:nth-child(3){top:24px;left:50%;transform:translate(-50%)}}