body,html{margin:0;padding:0;height:100%;overflow:hidden}.canvas-container{width:100vw;height:100vh;background-color:#e5e5f7;opacity:.8;background-image:radial-gradient(#444cf7 .5px,#000 .5px);background-size:10px 10px;display:flex;justify-content:center;align-items:center}.text-container{position:absolute;top:10%;text-align:center;color:#fff}.text-container h1{font-size:3em;margin:0;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8f00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 5s linear infinite}@keyframes rainbow{0%{background-position:0%}to{background-position:100%}}.text-container p{font-size:1.2em;margin:0;color:#f5f5f5}canvas.threejs{width:100%;height:100%;display:block}span.text{font-weight:1000;background-image:linear-gradient(to top,#fad0c4,#ffd1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-container{display:flex;gap:10px;margin-top:400px;position:absolute;left:50%;bottom:100px;transform:translate(-50%)}button{padding:10px 20px;font-size:16px;border:none;border-radius:10px;background-color:#00008b;color:#fff;cursor:pointer;transition:background-color .3s,color .3s}button:hover{background-color:#fff;color:#000}button:active{background-color:#000;color:#fff}.black_btn{position:absolute;top:10%;right:10%;border-radius:9999px;border:1px solid white;background:linear-gradient(90deg,#ff0000b3,#ffa500b3,#ffff00b3,#008000b3,#0000ffb3,#4b0082b3,#ee82eeb3);padding:.375rem 1.25rem;font-size:.875rem;color:white bold;transition:all .3s ease}.black_btn:hover{background:linear-gradient(90deg,#ff0000b3,#ffa500b3,#ffff00b3,#008000b3,#0000ffb3,#4b0082b3,#ee82eeb3);color:#fff}