:root{font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color-scheme:light dark;color:#e3e4db;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gradient-start: #000;--gradient-end: #0A0A0A;--size:12px;--el-color1: #000;--el-color2: #679436;--el-color3: #873f00;--el-color4: #FCBA04;--el-color5: #000;user-select:none;-webkit-user-select:none;-ms-user-select:none}.el{position:fixed;top:0;left:0;width:100%;height:100%;background:conic-gradient(from 180deg at 50% 20%,var(--el-color1) 0deg,var(--el-color2) 120deg,var(--el-color3) 140deg,var(--el-color3) 220deg,var(--el-color4) 230deg,var(--el-color5) 1turn);mask:radial-gradient(circle at 50% 50%,white 2px,transparent 2.5px) 50% 50% / var(--size) var(--size),url(https://assets.codepen.io/605876/noise-mask.png) 256px 50% / 256px 256px;mask-composite:intersect;-webkit-mask-composite:destination-in;animation:flicker 20s infinite linear;z-index:0}@keyframes flicker{to{-webkit-mask-position:50% 50%,0 50%;mask-position:50% 50%,0 50%}}.el.near-zero{background:conic-gradient(from 180deg at 50% 20%,#fff,#d9d9d9,#bfbfbf,#a6a6a6,#fff 1turn);animation:none}html,body{margin:0;padding:0;height:100%;background:linear-gradient(to top,var(--gradient-start) 65%,var(--gradient-end) 120%);overflow:hidden}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.content-wrapper{position:relative;width:100%;height:100%}.text-below{position:absolute;bottom:6rem;left:2rem;right:0;text-align:center;z-index:10;padding:1rem;transition:opacity .5s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}.subtitle{font-size:1rem;opacity:.8;text-shadow:0 0 8px rgba(0,0,0,.5)}.title{font-size:2.5rem;margin-bottom:.5rem;color:#fff;animation:pulsateGlow 2s infinite alternate ease-in-out}@keyframes pulsateGlow{0%{filter:drop-shadow(0 0 .5rem #fff) drop-shadow(0 0 1rem #002642) drop-shadow(0 0 1.5rem #000)}50%{filter:drop-shadow(0 0 1rem #fff) drop-shadow(0 0 1.5rem #002642) drop-shadow(0 0 2rem #000)}to{filter:drop-shadow(0 0 .5rem #fff) drop-shadow(0 0 1rem #002642) drop-shadow(0 0 1.5rem #000)}}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem;padding:0;list-style:none}.social-links li{display:inline-block}.social-links a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#ffffffde;transition:text-shadow .3s ease,color .3s ease}.social-links a:hover svg{filter:drop-shadow(0 0 .5rem #fff) drop-shadow(0 0 1rem #fff) drop-shadow(0 0 1.5rem #002642) drop-shadow(0 0 2rem #002642);cursor:pointer}@media (max-width: 768px){.text-below{bottom:6rem;font-size:1.5rem}.title{font-size:1.5rem;margin-bottom:.5rem}.social-links{gap:1rem}.social-links a{width:2rem;height:2rem}.content-wrapper{padding-top:2rem}canvas{transform:translateY(-2rem)}}