html{height:100%}body{height:100%;background:transparent;margin:0;overflow:hidden}.text-color{color:#fff}main{background-color:#000}.navigation{display:flex;align-items:center;justify-content:center;margin-top:0;gap:8px}.navigation .nav-tab{display:flex;align-items:center;justify-content:center;margin:4px 8px;padding:8px 24px;border-radius:6px;border:1px solid rgba(220,60,40,.5);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:2px;color:#ddd;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 0 8px rgba(220,60,40,.6);box-shadow:0 0 8px #b41e0a4d,inset 0 0 8px #b41e0a1a;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.navigation .nav-tab:hover{background:#c8281459;border-color:#ff5032e6;color:#fff;text-shadow:0 0 12px rgb(255,100,60);box-shadow:0 0 16px #dc321499,inset 0 0 12px #dc321433;transform:translateY(-1px)}.navigation .nav-tab.active{background:#ae2c1cb3;border-color:#f83f23;color:#fff;text-shadow:0 0 10px rgb(255,100,60);box-shadow:0 0 20px #dc3214b3,inset 0 0 14px #dc32144d}