body,header{padding:0;display:flex}body,footer,header{color:var(--text-color);margin:0}.header-nav li,.info-box p,.info-box ul,.logo-text,footer,header{text-align:center}:root{--body-bg-color:#2d2d2d;--accent-color:#4a4a4a;--header-bg-color:#2d2d2d;--header-text-color:#f0f0ff;--header-navbar:#00b0cc;--header-navbar-hover:#0099aa;--header-navbar-border:#008088;--text-color:#f0f0ff}html{background-color:var(--body-bg-color)}body{background:linear-gradient(160deg,#1c1c2e 0,#2a1a3f 20%,#4e00b3 40%,#1a0b4d 60%,#00d4ff 80%,#1c1c2e 100%);background-size:400% 400%;animation:20s infinite gradientShift;flex-direction:column;min-height:100vh}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}header{justify-content:center;flex-direction:column;min-height:100px}footer{background-color:var(--header-bg-color);padding:10px 0;border-top:3px solid var(--header-navbar);box-shadow:none;position:relative;animation:none}.logo-text{font-family:Orbitron,sans-serif;font-size:5rem;font-weight:700;color:var(--header-bg-color);margin:10px 0;text-shadow:0 0 1px rgba(0,212,255,.8),0 0 2px rgba(0,212,255,.7),0 0 3px rgba(0,212,255,.6),0 0 4px rgba(0,212,255,.5);animation:10s ease-in-out infinite alternate blueGlowPulseSharp}.content,.header-nav a{color:var(--text-color)}@keyframes blueGlowPulseSharp{0%{text-shadow:0 0 .5px rgba(0,212,255,.6),0 0 1px rgba(0,212,255,.5),0 0 2px rgba(0,212,255,.4),0 0 3px rgba(0,212,255,.3)}50%{text-shadow:0 0 2px #00d4ff,0 0 3px rgba(0,212,255,.9),0 0 4px rgba(0,212,255,.8),0 0 5px rgba(0,212,255,.7)}100%{text-shadow:0 0 1px rgba(0,212,255,.8),0 0 2px rgba(0,212,255,.7),0 0 3px rgba(0,212,255,.6),0 0 4px rgba(0,212,255,.5)}}.header-nav{background-color:var(--header-navbar);padding:0 10%}.content,.header-nav ul{padding:0;display:flex;margin:0}.header-nav ul{justify-content:center;align-items:stretch;list-style:none;width:100%;border-left:1px solid var(--header-navbar-border)}.header-nav li{flex:1;border-right:1px solid var(--header-navbar-border)}.header-nav a{display:block;padding:12px 0;text-decoration:none;transition:background-color .2s,color .2s}.header-nav a:hover{background-color:var(--header-navbar-hover)}.content{flex:1;flex-direction:column;justify-content:center;align-items:center;height:100%;background:0 0}.info-box{background-color:var(--body-bg-color);border:2px solid var(--header-navbar);border-radius:12px;padding:20px;margin:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 25px rgba(0,212,255,.4),0 0 50px rgba(0,212,255,.3),0 0 80px rgba(0,212,255,.2);animation:10s ease-in-out infinite alternate blueGlowPulse}@keyframes blueGlowPulse{0%{box-shadow:0 0 20px rgba(0,212,255,.3),0 0 40px rgba(0,212,255,.2),0 0 60px rgba(0,212,255,.15)}50%{box-shadow:0 0 35px rgba(0,212,255,.5),0 0 70px rgba(0,212,255,.3),0 0 100px rgba(0,212,255,.2)}100%{box-shadow:0 0 25px rgba(0,212,255,.4),0 0 50px rgba(0,212,255,.25),0 0 80px rgba(0,212,255,.15)}}.info-box h2{text-decoration:underline;color:var(--header-navbar);padding:10px}.info-box h3{padding:0;margin:0}.info-box ul{list-style:none;padding:0}.info-box li{margin:0;word-break:break-word;overflow-wrap:anywhere;max-width:500px;padding:5px}.info-box p{margin:10px 0 0}@media (max-width:764px){.header-nav{background-color:var(--header-navbar);padding:0}.info-box{flex:1;padding:10px;max-width:auto;max-height:auto;justify-content:space-between;height:100%;border:2px solid transparent;background-color:var(--body-bg-color);border-radius:12px;box-shadow:0 0 2px rgba(0,212,255,.8),0 0 4px rgba(0,212,255,.7),0 0 6px rgba(0,212,255,.6);animation:none}}