@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)}@keyframes smoothBg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.wrapper{height:auto}.hero,.wrapper{width:100%;position:relative}.hero{height:100%;min-height:100vh;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%);-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,transparent 70%);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{-moz-appearance:none;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;-webkit-background-clip:text;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;-webkit-backdrop-filter:blur(19px) brightness(12.5);backdrop-filter:blur(19px) brightness(12.5);-webkit-text-stroke:1px #fff;display:flex;margin:auto;z-index:1;pointer-events:none}