:root{--logo:#000;--logo-hover:#fff;--lava-bg:#000;--blob:#fff;--overlay-top:#25f;--overlay-mid:#a2f;--overlay-bottom:#f17}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--lava-bg);width:100%;height:100%;overflow:hidden}#lava{background:var(--lava-bg);position:fixed;inset:0;overflow:hidden}.blob{background:var(--blob);will-change:transform;border-radius:50%;position:absolute;transform:translateZ(0)}#gradient-overlay{background:linear-gradient(to bottom, var(--overlay-top) 0%, var(--overlay-mid) 50%, var(--overlay-bottom) 100%);mix-blend-mode:multiply;pointer-events:none;z-index:2;position:fixed;inset:0}#logo{z-index:10;cursor:pointer;width:min(75vw,550px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#logo svg{width:100%;height:auto;display:block}#logo path{fill:var(--logo);transition:fill .2s}#logo:hover path{fill:var(--logo-hover)}