body,html,h1{padding:0;margin:0;overflow:hidden}body{color:#000;background-color:#000;font-family:Courier New,Courier,monospace;user-select:none}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.blob{scale:1;background-color:#fff;height:280px;position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;animation-timing-function:linear;overflow-x:hidden;opacity:.9}.blob1{aspect-ratio:1;background:linear-gradient(to right,#34ace0,#ff5252);animation:rotate 20s infinite;animation-timing-function:linear}.blob2{aspect-ratio:1.3;background:linear-gradient(to right,#34ace0,#ff5252);animation:rotate 15s infinite;animation-direction:reverse;animation-timing-function:linear}.blob3{aspect-ratio:1.25;background:linear-gradient(to right,#34ace0,#ff5252);animation:rotate 12s infinite;animation-direction:normal;animation-timing-function:linear}.blob4{aspect-ratio:1.15;background:linear-gradient(to right,#34ace0,#ff5252);animation:rotate 10s infinite;animation-direction:reverse;animation-timing-function:linear}.blur{height:100vh;width:100%;position:absolute;z-index:2;backdrop-filter:blur(20px)}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1}to{rotate:360deg}}h1{z-index:100;transition:.2s}h1:hover{scale:1.2;transition:.2s}.links{z-index:99;position:fixed;bottom:20px;left:20px}.links svg{stroke:#227093;transition:.2s;cursor:pointer}.links svg:hover{scale:1.2;transition:.2s;stroke:#ff5252}.links .mr{margin-right:5px}.links .right{float:right;z-index:100;color:#fff}