*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#000}.box{transition:all .3s ease-in-out;background-color:#ffffff1a;border-radius:50px}.box:hover{transform:scale(1.1);background-color:#ffffff4d;box-shadow:0 4px 15px #ffffff80}.box:hover h1{color:gold;transition:color .2s ease-in-out}.box:hover img{transform:rotate(20deg) scale(1.2);transition:transform .3s ease-in-out}#canvas-container{position:relative;width:100%;height:100vh}#canvas{display:block;width:100%;height:100%}#canvas-container:after{content:"";position:absolute;bottom:-30%;left:50%;transform:translate(-50%);width:100vw;height:40vh;background:radial-gradient(circle at center,#000,#0000);pointer-events:none;border-radius:50%;filter:blur(25px)}