body,html{min-height:100vh}html{font-size:62.5%}body{margin:0;display:flex;align-items:center;justify-content:center;font-family:Helvetica,Arial,sans-serif;font-weight:700;background:#060b21}*{box-sizing:border-box}.frame{display:flex;flex-direction:column;height:100vh;position:relative;color:#fff;margin:2em;padding-top:2em}.frame,.frame-bg{width:100%;overflow:hidden;border-radius:2em}.frame-bg{position:absolute;top:0;left:0;height:100%;pointer-events:0;z-index:0}.frame-bg .bg-color{animation:rotate 75s linear infinite}.frame-bg .bg-black,.frame-bg .bg-color{width:200%;position:absolute;border-radius:100em}.frame-bg .bg-black{animation:rotate 60s linear infinite}.frame-bg .bg-color{right:0;top:0;filter:blur(30px);z-index:10;mix-blend-mode:lighten}.frame-bg .bg-black{left:0;bottom:0;filter:blur(30px);z-index:1;animation-direction:reverse;animation-delay:3s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}