:root{--scale:30em;--minus-scale:-30em;--col-1:#f26680;--col-2:#2f2d73;--col-3:#026873;--col-4:#f2ca52;--col-5:#f24535}body,html{height:100%}body{align-items:center;background:#000;display:flex;filter:blur(30px) contrast(6);justify-content:center;overflow:hidden}.lava{animation-duration:8s;animation-iteration-count:infinite;animation-name:spin1;animation-timing-function:linear;border-bottom:var(--scale) solid var(--col-4);border-bottom-left-radius:var(--scale);border-bottom-right-radius:var(--scale);border-left:var(--scale) solid transparent;border-right:var(--scale) solid transparent;border-top:var(--scale) solid var(--col-1);border-top-left-radius:var(--scale);border-top-right-radius:var(--scale);height:0;position:relative;width:0}.lava:after{animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:linear;border-bottom:var(--scale) solid var(--col-5);border-bottom-left-radius:var(--scale);border-bottom-right-radius:var(--scale);border-top:var(--scale) solid var(--col-2);border-top-left-radius:var(--scale);border-top-right-radius:var(--scale);mix-blend-mode:color}.lava:after,.lava:before{animation-name:spin1;border-left:var(--scale) solid transparent;border-right:var(--scale) solid transparent;content:"";height:0;left:var(--minus-scale);position:absolute;top:var(--minus-scale);width:0}.lava:before{animation-duration:16s;animation-iteration-count:infinite;animation-timing-function:linear;border-bottom:var(--scale) solid var(--col-3);border-bottom-left-radius:var(--scale);border-bottom-right-radius:var(--scale);border-top:var(--scale) solid var(--col-1);border-top-left-radius:var(--scale);border-top-right-radius:var(--scale);mix-blend-mode:hard-light}@keyframes spin1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}