@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:#000;--bg:var(--stripe-color);--maincolor:var(--bg)}body{width:100cqw;min-height:100cqh;display:flex;place-content:center;place-items:flex-start center;background:#000}@keyframes smoothBg{0%{background-position:0 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}to{background-position:0 50%;transform:scale(1)}}.wrapper{height:auto}.hero,.wrapper{width:100%;position:relative}.hero{height:100%;min-height:100vh;display:flex;place-content:center;place-items:center;--rainbow:repeating-linear-gradient(100deg,#548beb,#42bd61 15%,#5eead4 30%,#573fa9 45%,#548beb 60%);background-image:var(--rainbow);background-size:300% 200%;background-position:0 50%;filter:blur(20px) opacity(85%) saturate(150%);mask-image:radial-gradient(ellipse at 100% 0,#000 30%,rgba(0,0,0,.9) 40%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.3) 70%,transparent 85%);&:after{content:"";position:absolute;inset:0;background-image:var(--rainbow);background-size:200% 100%;animation:smoothBg 15s ease-in-out infinite;background-attachment:fixed}}:not(:has(:checked)){--stripe-color:#fff}:not(:has(:checked)) .hero,:not(:has(:checked)) .hero:after{filter:blur(10px)}.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;z-index:2}.logo{max-width:90%;height:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,255,255,.15))}.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){transform:scale(1.2);font-weight:900;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(#fff 0 0) luminance;mask:linear-gradient(#fff 0 0) luminance,alpha;backdrop-filter:blur(19px) brightness(90.5);-webkit-text-stroke:1px #fff;display:flex;margin:auto;z-index:1;pointer-events:none}