#wrap{overflow:hidden}#lightings{top:-60px;position:absolute;width:100%}section{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:20px;width:100%;position:relative;margin:auto}#one{-webkit-animation:one 5s ease-in-out infinite alternate;-moz-animation:one 5s ease-in-out infinite alternate;-ms-animation:one 5s ease-in-out infinite alternate;-o-animation:one 5s ease-in-out infinite alternate;animation:one 5s ease-in-out infinite alternate}@-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{width:90%;-webkit-animation:two 4s ease-in-out infinite alternate;-moz-animation:two 4s ease-in-out infinite alternate;-ms-animation:two 4s ease-in-out infinite alternate;-o-animation:two 4s ease-in-out infinite alternate;animation:two 4s ease-in-out infinite alternate}@-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{width:80%;-webkit-animation:three 3s ease-in-out infinite alternate;-moz-animation:three 3s ease-in-out infinite alternate;-ms-animation:three 3s ease-in-out infinite alternate;-o-animation:three 3s ease-in-out infinite alternate;animation:three 3s ease-in-out infinite alternate}@-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{width:70%;-webkit-animation:four 2s ease-in-out infinite alternate;-moz-animation:four 2s ease-in-out infinite alternate;-ms-animation:four 2s ease-in-out infinite alternate;-o-animation:four 2s ease-in-out infinite alternate;animation:four 2s ease-in-out infinite alternate}@-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{width:60%;-webkit-animation:five 1s ease-in-out infinite alternate;-moz-animation:five 1s ease-in-out infinite alternate;-ms-animation:five 1s ease-in-out infinite alternate;-o-animation:five 1s ease-in-out infinite alternate;animation:five 1s ease-in-out infinite alternate}@-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{font-family:Inter,sans-serif;--stripe-color:#fff;--bg:var(--stripe-color);--maincolor:var(--bg)}body{width:100cqw;min-height:100cqh;display:flex;place-content:center;place-items:flex-start center;background:var(--bg)}@keyframes smoothBg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.wrapper{width:100%;height:auto;position:relative}.hero{width:100%;height:100%;min-height:100vh;position:relative;display:flex;place-content:center;place-items:center;--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);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px) invert(100%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,transparent 70%);&:after{content:"";position:absolute;inset:0;background-image:var(--stripes),var(--rainbow);background-size:200%,100%;animation:smoothBg 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference}}:has(:checked){--stripe-color:#000}:has(:checked) .hero,:has(:checked) .hero:after{filter:blur(10px) opacity(50%) saturate(200%)}.content{position:absolute;inset:0;width:100%;height:100%;display:flex;place-content:center;place-items:center;flex-flow:column;gap:4.5%;text-align:center;mix-blend-mode:difference;-webbkit-mix-blend-mode:difference;filter:invert(1)}.h1--scalingSize{font-size:calc(1rem - -5vw);position:relative}#switch{appearance:none;-webkit-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:.3s ease;animation:animSwitch .2s alternate;& .icon{animation-play-state:paused}}@keyframes animSwitch{50%{transform:scale(1.2);font-weight:900}}.icon{width:1lh;height:1lh;aspect-ratio:1/1;padding:.25em .35rem;border-radius:calc(1px / 0);border:1px dashed;--blink-opacity:1;animation:blink-animation 2s ease-in-out infinite running}.h1--scalingSize:before{content:attr(data-text);position:absolute;inset:0;background:#fff;text-shadow:0 0 1px #fff;background-clip:text;-webkit-text-fill-color:transparent;background-color:#fff;-webkit-mask:linear-gradient(#000 0 0) luminance;mask:linear-gradient(#000 0 0) luminance,alpha;backdrop-filter:blur(19px) brightness(12.5);-webkit-text-stroke:1px #fff;display:flex;margin:auto;z-index:1;pointer-events:none}