*{box-sizing:border-box}#root,body,html{width:100%;height:100%;margin:0;padding:0;background-color:#fff;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.start-body{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}canvas{display:block;width:100vw!important;height:100vh!important}.main .box{margin:auto}.box{position:relative;overflow:hidden;z-index:0;border-radius:50%;width:300px;height:300px}.box:before{content:" ";width:150%;height:150%;position:absolute;left:-25%;top:-25%;background-image:conic-gradient(transparent,#66ddf7,red,#000,#1dbb41,#f3a694,#fac03d,transparent 100%);z-index:-10;animation:rotate 5s linear infinite}.box:after{content:"";position:absolute;inset:.5vmin;background-color:#fff;z-index:-1;border-radius:10px}@keyframes rotate{to{transform:rotate(1turn)}}