:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:fixed;inset:0;color:#fff;pointer-events:none;text-align:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;position:fixed;width:100%;height:100%}canvas{width:100%;height:100%}.main{position:absolute;top:25%;left:0;right:0}h1{color:#fff;text-align:center;font-family:sans-serif;font-size:clamp(2rem,8vw,8rem);animation:animate .5s linear infinite;margin:0}h2{font-size:clamp(1rem,5vw,2rem);opacity:.9}footer{position:absolute;left:0;right:0;bottom:0;padding:20px}footer a{pointer-events:auto;color:#fff;display:block;margin:5px 0;text-align:center;text-decoration:none;transition:color .3s ease}footer a:hover{color:#ccc}@keyframes animate{0%,to{text-shadow:-1.5px -1.5px 0 #0ff,1.5px 1.5px 0 #f00}25%{text-shadow:1.5px 1.5px 0 #0ff,-1.5px -1.5px 0 #f00}50%{text-shadow:1.5px -1.5px 0 #0ff,1.5px -1.5px 0 #f00}75%{text-shadow:-1.5px 1.5px 0 #0ff,-1.5px 1.5px 0 #f00}}.contact{width:20%;height:auto;max-width:260px}@media screen and (max-width: 768px){.contact{width:60%}}@media screen and (max-width: 480px){.contact{width:50%}}
