@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap";body{touch-action:none;background-color:#050505;margin:0;font-family:Rajdhani,sans-serif;overflow:hidden}canvas{width:100vw;height:100vh;display:block}header#info{pointer-events:none;z-index:900;text-align:center;color:#dfdfdf;background:linear-gradient(#000a14e6 0%,#000a1400 100%);flex-direction:column;align-items:center;width:100%;padding-top:20px;display:flex;position:absolute;top:0;left:0}header#info h1{letter-spacing:4px;text-transform:uppercase;color:#d1fdff;text-shadow:0 0 5px #00e5ff,0 0 10px #00e5ff,0 0 20px #00e5ff,0 0 40px #00b3cc;margin:0;font-size:2.2rem}header#info p{color:#88d4e0;letter-spacing:1px;text-shadow:0 0 5px #00e5ff80;max-width:700px;margin:10px 0 0;font-size:1.1rem}header#info p.credits{opacity:.8;color:#559da8;margin-top:8px;font-size:.9rem}.example-nav{z-index:1000;pointer-events:auto;gap:15px;display:flex;position:absolute;top:20px;left:20px}.example-nav .nav-btn{color:#00e5ff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000f1999;border:1px solid #00e5ff;border-radius:2px;padding:8px 18px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 0 10px #00e5ff33,inset 0 0 15px #00e5ff1a}.example-nav .nav-btn:hover{color:#000;text-shadow:none;background:#00e5ff;box-shadow:0 0 20px #00e5ffcc,0 0 40px #00e5ff66}.app-footer{text-align:center;color:#559da8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;letter-spacing:1px;z-index:10000;text-shadow:0 0 5px #00e5ff33;background:#000a14d9;border-top:1px solid #00e5ff1a;width:100%;padding:8px 0;font-family:Rajdhani,sans-serif;font-size:.8rem;position:fixed;bottom:0;left:0}