body{margin:0;height:100vh}:root{--level-bg: 0;--level-card: 1;--base-size: 80%;--blob-blending: hard-light;--blob-size: var(--base-size);--color-1: 46, 88, 255;--color-2: 255, 193, 111;--color-3: 148, 82, 255;--color-4: 48, 183, 202;--color-5: 150, 107, 249;--color-follower: 250, 134, 206;--card-bg: 13, 13, 14}.blobs-bg{inset:0;width:100%;height:100vh;position:relative;z-index:var(--level-bg);background:linear-gradient(40deg,#080a0f,#001120);overflow:hidden}.blobs-bg .blobs{filter:url(#goo) blur(40px);width:100%;height:100%}.blobs-bg .blobs>.blob{will-change:transform,opacity,background}.blobs-bg .blobs .blob{width:var(--blob-size);height:var(--blob-size);position:absolute;top:var(--blob-top, 0);left:var(--blob-left, 0);opacity:var(--blob-opacity, 1);mix-blend-mode:var(--blob-blending);background:radial-gradient(circle at center,rgb(var(--blob-color),.8) 0,rgb(var(--blob-color),0) 50%) no-repeat;transform-origin:var(--blob-origin, center center);animation:var(--blob-animation)}.blobs-bg .blobs .blob:nth-child(1){--blob-color: var(--color-1);--blob-top: calc(50% - var(--blob-size) / 2);--blob-left: calc(50% - var(--blob-size) / 2);--blob-animation: move-vertical 30s ease infinite}.blobs-bg .blobs .blob:nth-child(2){--blob-color: var(--color-2);--blob-origin: calc(50% - 400px) ;--blob-top: calc(50% - var(--blob-size) / 2);--blob-left: calc(50% - var(--blob-size) / 2);--blob-animation: move-circle 20s reverse infinite}.blobs-bg .blobs .blob:nth-child(3){--blob-color: var(--color-3);--blob-origin: calc(50% + 400px) ;--blob-animation: move-circle 40s linear infinite;--blob-top: calc(50% - var(--blob-size) / 2 + 200px);--blob-left: calc(50% - var(--blob-size) / 2 - 500px)}.blobs-bg .blobs .blob:nth-child(4){--blob-opacity: .7;--blob-color: var(--color-4);--blob-origin: calc(50% - 200px) ;--blob-top: calc(50% - var(--blob-size) / 2);--blob-left: calc(50% - var(--blob-size) / 2);--blob-animation: move-horizontal 40s ease infinite}.blobs-bg .blobs .blob:nth-child(5){--blob-color: var(--color-5);--blob-size: calc(var(--base-size) * 2);--blob-top: calc(50% - var(--base-size));--blob-left: calc(50% - var(--base-size));--blob-animation: move-circle 20s ease infinite;--blob-origin: calc(50% - 800px) calc(50% + 200px) }.blobs-bg .blobs .blob.follower{--blob-top: -50%;--blob-left: -50%;--blob-size: 100%;--blob-opacity: .7;--blob-animation: none;--blob-origin: 50% 50% 0;--blob-color: var(--color-follower);transform:translate(var(--cursor-x),var(--cursor-y))}.blobs-bg .svg-blur{display:none}.blobs-bg .noise-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;mix-blend-mode:soft-light;opacity:.3}@keyframes move-circle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes move-vertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes move-horizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}