#wrap{overflow:hidden}#lightings{width:100%;position:absolute;top:-60px}section{border-radius:50%;width:100%;height:20px;margin:auto;position:relative}#one{-ms-animation:one 5s ease-in-out infinite alternate;animation:5s ease-in-out infinite alternate one}@-webkit-keyframes one{0%{-webkit-box-shadow:0 0 250px 20px #473c78}to{-webkit-box-shadow:0 0 100px 15px #f72a3b}}@-moz-keyframes one{0%{-moz-box-shadow:0 0 250px 20px #473c78}to{-moz-box-shadow:0 0 100px 15px #f72a3b}}@-o-keyframes one{0%{-o-box-shadow:0 0 250px 20px #473c78}to{-o-box-shadow:0 0 100px 15px #f72a3b}}@keyframes one{0%{box-shadow:0 0 250px 20px #473c78}to{box-shadow:0 0 100px 15px #f72a3b}}#two{-ms-animation:two 4s ease-in-out infinite alternate;width:90%;animation:4s ease-in-out infinite alternate two}@-webkit-keyframes two{0%{-webkit-box-shadow:0 0 250px 20px #18c499}to{-webkit-box-shadow:0 0 100px 15px #d8f05e}}@-moz-keyframes two{0%{-moz-box-shadow:0 0 250px 20px #18c499}to{-moz-box-shadow:0 0 100px 15px #d8f05e}}@-o-keyframes two{0%{-o-box-shadow:0 0 250px 20px #18c499}to{-o-box-shadow:0 0 100px 15px #d8f05e}}@keyframes two{0%{box-shadow:0 0 250px 20px #18c499}to{box-shadow:0 0 100px 15px #d8f05e}}#three{-ms-animation:three 3s ease-in-out infinite alternate;width:80%;animation:3s ease-in-out infinite alternate three}@-webkit-keyframes three{0%{-webkit-box-shadow:0 0 250px 20px #fd0}to{-webkit-box-shadow:0 0 100px 15px #3e33ff}}@-moz-keyframes three{0%{-moz-box-shadow:0 0 250px 20px #fd0}to{-moz-box-shadow:0 0 100px 15px #3e33ff}}@-o-keyframes three{0%{-o-box-shadow:0 0 250px 20px #fd0}to{-o-box-shadow:0 0 100px 15px #3e33ff}}@keyframes three{0%{box-shadow:0 0 250px 20px #fd0}to{box-shadow:0 0 100px 15px #3e33ff}}#four{-ms-animation:four 2s ease-in-out infinite alternate;width:70%;animation:2s ease-in-out infinite alternate four}@-webkit-keyframes four{0%{-webkit-box-shadow:0 0 250px 20px #781848}to{-webkit-box-shadow:0 0 100px 15px #f2bbe9}}@-moz-keyframes four{0%{-moz-box-shadow:0 0 250px 20px #781848}to{-moz-box-shadow:0 0 100px 15px #f2bbe9}}@-o-keyframes four{0%{-o-box-shadow:0 0 250px 20px #781848}to{-o-box-shadow:0 0 100px 15px #f2bbe9}}@keyframes four{0%{shadow:0 0 250px 20px #781848}to{shadow:0 0 100px 15px #f2bbe9}}#five{-ms-animation:five 1s ease-in-out infinite alternate;width:60%;animation:1s ease-in-out infinite alternate five}@-webkit-keyframes five{0%{-webkit-box-shadow:0 0 250px 20px #42f2a1}to{-webkit-box-shadow:0 0 100px 15px #f4f6ad}}@-moz-keyframes five{0%{-moz-box-shadow:0 0 250px 20px #42f2a1}to{-moz-box-shadow:0 0 100px 15px #f4f6ad}}@-o-keyframes five{0%{-o-box-shadow:0 0 250px 20px #42f2a1}to{-o-box-shadow:0 0 100px 15px #f4f6ad}}@keyframes five{0%{box-shadow:0 0 250px 20px #42f2a1}to{box-shadow:0 0 100px 15px #f4f6ad}}@property --blink-opacity{syntax:"<number>";inherits:false;initial-value:1}@keyframes blink-animation{0%,to{opacity:var(--blink-opacity,1)}50%{opacity:0}}:root{--stripe-color:#fff;--bg:var(--stripe-color);--maincolor:var(--bg);font-family:Inter,sans-serif}body{background:var(--bg);place-content:center;place-items:flex-start center;width:100cqw;min-height:100cqh;display:flex}@keyframes smoothBg{0%{background-position:50%,50%}to{background-position:350%,350%}}.wrapper{width:100%;height:auto;position:relative}.hero{--stripes:repeating-linear-gradient(100deg, var(--stripe-color) 0%, var(--stripe-color) 7%, transparent 10%, transparent 12%, var(--stripe-color) 16%);--rainbow:repeating-linear-gradient(100deg, #60a5fa 10%, #e879f9 15%, #60a5fa 20%, #5eead4 25%, #60a5fa 30%);background-image:var(--stripes), var(--rainbow);filter:blur(10px)invert();background-position:50%,50%;background-size:300%,200%;place-content:center;place-items:center;width:100%;height:100%;min-height:100vh;display:flex;position:relative;-webkit-mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%)}.hero:after{content:"";background-image:var(--stripes), var(--rainbow);mix-blend-mode:difference;background-size:200%,100%;background-attachment:fixed;animation:60s linear infinite smoothBg;position:absolute;inset:0}:has(:checked){--stripe-color:#000}:has(:checked) .hero{filter:blur(10px)opacity(50%)saturate(200%)}:has(:checked) .hero:after{filter:blur(10px)opacity(50%)saturate(200%)}.content{text-align:center;mix-blend-mode:difference;-webbkit-mix-blend-mode:difference;filter:invert();flex-flow:column;place-content:center;place-items:center;gap:4.5%;width:100%;height:100%;display:flex;position:absolute;inset:0}.h1--scalingSize{font-size:calc(1rem + 5vw);position:relative}#switch{appearance:none;opacity:0}[for=switch]{cursor:pointer;transition:.15s linear(0 0%, .16 16.85%, .32 31.73%, 1 100%);will-change:transform, font-weight;padding:.5rem}[for=switch]:where(:hover,:active,:focus-within){transition:all .3s;animation:.2s alternate animSwitch}[for=switch]:where(:hover,:active,:focus-within) .icon{animation-play-state:paused}@keyframes animSwitch{50%{font-weight:900;transform:scale(1.2)}}.icon{aspect-ratio:1;border-radius:calc(1px / 0);--blink-opacity:1;border:1px dashed;width:1lh;height:1lh;padding:.25em .35rem;animation:2s ease-in-out infinite blink-animation}.h1--scalingSize:before{content:attr(data-text);text-shadow:0 0 1px #fff;-webkit-text-fill-color:transparent;-webkit-mask:linear-gradient(#000 0 0);-webkit-mask-source-type:luminance;-webkit-backdrop-filter:blur(19px)brightness(12.5);backdrop-filter:blur(19px)brightness(12.5);-webkit-text-stroke:1px white;z-index:1;pointer-events:none;background:#fff;-webkit-background-clip:text;background-clip:text;margin:auto;display:flex;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0),none;-webkit-mask-source-type:luminance,alpha;mask:linear-gradient(#000 0 0) luminance,none alpha}