@import url("https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;600;700&display=swap");*{box-sizing:border-box}html,body{margin:0 auto;height:100%}body{font-family:'Commissioner', sans-serif;display:flex;align-items:center;justify-content:center;background-color:black;background-image:url(../files/background.gif);background-repeat:no-repeat;background-size:245px;background-position:center center}#content{position:relative;border-radius:100%;width:20px;height:20px;max-width:75%;text-align:center;background-color:#000000;animation:backColor 10s ease infinite;transition:border-radius 1s;cursor:default}#content:after{position:absolute;content:"";top:0;left:0;right:0;z-index:-1;height:100%;width:100%;margin:0 auto;transform:scale(.9);-webkit-filter:blur(5vw);-moz-filter:blur(5vw);-ms-filter:blur(5vw);filter:blur(5vw);background:linear-gradient(270deg, #0fffc1, #7e0fff);background-size:200% 200%;animation:animateGlow 10s ease infinite}@keyframes animateGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#content .wrapper{width:100%;height:100%;background-color:black;transition:opacity 2s;opacity:0;border-radius:inherit;display:flex;justify-content:center;align-items:center;pointer-events:none}#content .wrapper .text{opacity:0;transition:opacity 1s}#content .wrapper .text h1{font-weight:600;font-size:1.4em;line-height:1;margin:0 0 1em}#content .wrapper .text h2{font-weight:500;font-size:1.2em;line-height:1;margin:0 0 0.8em}#content .wrapper .text p{font-weight:400;margin:0 0 0.2em}#content .wrapper .text a{display:inline-block;color:inherit;text-decoration:underline}#content .wrapper .text .social{padding:1em 0 0}#content .wrapper .text.show{opacity:1}#content.enabled{border-radius:25px;animation:backColor 1s ease forwards,textColor 10s ease infinite,anime 2s cubic-bezier(0.16, 1, 0.3, 1) forwards}#content.enabled svg{animation:textColorSVG 10s ease infinite}#content.enabled .wrapper{opacity:1;pointer-events:auto}@keyframes backColor{0%{background-color:#7e0fff}50%{background-color:#0fffc1}100%{background-color:#7e0fff}}@keyframes textColor{0%{color:#7e0fff}50%{color:#0fffc1}100%{color:#7e0fff}}@keyframes textColorSVG{0%{fill:#7e0fff}50%{fill:#0fffc1}100%{fill:#7e0fff}}@keyframes anime{25%{width:100px;height:100px}40%{.wrapper{box-shadow:0 0 0 rgba(34,55,80,0.15) inset,0 0 0 rgba(151,197,255,0.15) inset}}100%{width:480px;height:300px;.wrapper{box-shadow:0 0 0 rgba(34,55,80,0.15) inset,2px 2px 2px rgba(151,197,255,0.15) inset}}}