body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.container,.palette-1{--bg-0:#101030;--bg-1:#050515;--blob-1:#984ddf;--blob-2:#4344ad;--blob-3:#74d9e1;--blob-4:#050515}.palette-2{--bg-0:#545454;--bg-1:#150513;--blob-1:#ff3838;--blob-2:#ff9d7c;--blob-3:#ffdda0;--blob-4:#fff6ea}.palette-3{--bg-0:#300030;--bg-1:#000;--blob-1:#291528;--blob-2:#3a3e3b;--blob-3:#9e829c;--blob-4:#f0eff4}.palette-4{--bg-0:#fff;--bg-1:#d3f7ff;--blob-1:#bb74ff;--blob-2:#7c7dff;--blob-3:#a0f8ff;--blob-4:#fff}.palette-5{--bg-0:#968e85;--bg-1:#8cc084;--blob-1:#c1d7ae;--blob-2:#9eff72;--blob-3:#ffcab1;--blob-4:#ecdcb0}.palette-6{--bg-0:#fff;--bg-1:#4e598c;--blob-1:#ff8c42;--blob-2:#fcaf58;--blob-3:#f9c784;--blob-4:#fff}.container{overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background 1s ease}.container:after{position:absolute;content:"";border-radius:50%;filter:blur(10rem);transition:background .5s ease}.blobs{width:100%;height:100%;max-height:100%;max-width:100%}.blobs svg{position:relative;height:100%;z-index:2}.blobs .blob{animation:rotate 25s ease-in-out infinite alternate;transform-origin:50% 50%;opacity:.7}.blobs .blob path{animation:blob-anim-1 5s cubic-bezier(.45,.2,.55,.8) infinite alternate;transform-origin:50% 50%;transform:scale(.8);transition:fill .8s ease}.blobs .blob.alt{animation-direction:alternate-reverse;opacity:.3}.blobs .blob-1 path{fill:var(--blob-1);filter:blur(1rem)}.blobs .blob-2{animation-duration:18s;animation-direction:alternate-reverse}.blobs .blob-2 path{fill:var(--blob-2);animation-name:blob-anim-2;animation-duration:7s;filter:blur(.75rem);transform:scale(.78)}.blobs .blob-2.alt{animation-direction:alternate}.blobs .blob-3{animation-duration:23s}.blobs .blob-3 path{fill:var(--blob-3);animation-name:blob-anim-3;animation-duration:6s;filter:blur(.5rem);transform:scale(.76)}.blobs .blob-4{animation-duration:31s;animation-direction:alternate-reverse;opacity:.9}.blobs .blob-4 path{fill:var(--blob-4);animation-name:blob-anim-4;animation-duration:10s;filter:blur(10rem);transform:scale(.5)}.blobs .blob-4.alt{animation-direction:alternate;opacity:.8}@keyframes blob-anim-1{0%{d:path("M 100 600 q 0 -500, 500 -500 t 500 500 t -500 500 T 100 600 z")}30%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@keyframes blob-anim-2{0%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}40%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}80%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@keyframes blob-anim-3{0%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}35%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}75%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@keyframes blob-anim-4{0%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}30%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}