:root{color-scheme:dark;--color-bg-primary: #12121D;--color-fg-teal: #94e2d5;--color-fg-lavender: #b4befe;--color-fg-mauve: #cba6f7;--color-fg-peach: #fab387;--color-fg-yellow: #f9e2af;--color-fg-sky: #89dceb;--color-fg-red: #f38ba8;--color-fg-green: #a6e3a1;--color-fg-blue: #89b4fa;--animation-duration-cloud: 15s;--animation-duration-gradient: 3s;--animation-duration-cloud-follow: 3s;--animation-interval-text: 30ms;--title-opacity: .55}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;width:100vw;scroll-behavior:smooth;overflow:hidden;position:fixed}body{background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center}main{text-align:center;width:100%}#title{font-family:Poppins,sans-serif;font-size:clamp(2.5rem,8vw,8rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-transform:lowercase;background:linear-gradient(to right,var(--color-fg-lavender),var(--color-fg-blue),var(--color-fg-mauve),var(--color-fg-sky),var(--color-fg-teal),var(--color-fg-lavender));background-size:200% auto;white-space:nowrap;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-grad var(--animation-duration-gradient) linear infinite;opacity:var(--title-opacity);will-change:background-position}#cloud{height:31.25em;aspect-ratio:1;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(to right,var(--color-fg-teal),var(--color-fg-mauve));animation:cloud-rotate var(--animation-duration-cloud) infinite;filter:blur(12.5em);z-index:-3;will-change:transform}#cloud-blur{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-2;-webkit-backdrop-filter:blur(12.5em);backdrop-filter:blur(12.5em)}@keyframes cloud-rotate{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(180deg) scaleY(1.5)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes title-grad{0%{background-position:0% center}to{background-position:-200% center}}