@font-face{font-family:Mona Sans;src:url(https://assets.codepen.io/64/Mona-Sans.woff2)format("woff2 supports variations"),url(https://assets.codepen.io/64/Mona-Sans.woff2)format("woff2-variations");font-weight:100 1000}@property --hue{syntax:"<number>";inherits:true;initial-value:0}@property --rotate{syntax:"<number>";inherits:true;initial-value:0}@property --bg-y{syntax:"<number>";inherits:true;initial-value:0}@property --bg-x{syntax:"<number>";inherits:true;initial-value:0}@property --glow-translate-y{syntax:"<number>";inherits:true;initial-value:0}@property --bg-size{syntax:"<number>";inherits:true;initial-value:0}@property --glow-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --glow-blur{syntax:"<number>";inherits:true;initial-value:0}@property --glow-scale{syntax:"<number>";inherits:true;initial-value:2}@property --glow-radius{syntax:"<number>";inherits:true;initial-value:2}@property --white-shadow{syntax:"<number>";inherits:true;initial-value:0}:root{--debug:0;--supported:0;--not-supported:0;--card-color:#05000f;--text-color:#888198;--card-radius:3.6vw;--card-width:35vw;--border-width:3px;--bg-size:1;--hue:0;--hue-speed:1;--rotate:0;--animation-speed:4s;--interaction-speed:.55s;--glow-scale:1.5;--scale-factor:1;--glow-blur:6;--glow-opacity:1;--glow-radius:100;--glow-rotate-unit:1deg}.card.svelte-1iffbyg{perspective:1000px;opacity:.02;border:10px #000;width:100%;height:16rem;margin:auto;transition:transform 2s,opacity 4s;position:absolute;transform:translateY(-10rem)}.card.svelte-1iffbyg h1{background:linear-gradient(#ffffff26 0%,#00000026 100%),#989898 radial-gradient(at top,#fff6 0%,#0006 120%);-webkit-text-fill-color:transparent;letter-spacing:7px;-webkit-background-clip:text;margin:0;font-size:5em;line-height:1em}.card.svelte-1iffbyg img:where(.svelte-1iffbyg){width:auto;height:10rem;display:block}.card.svelte-1iffbyg:hover{opacity:.95;transform:scale(1.1)}.card.svelte-1iffbyg:hover .card-flip:where(.svelte-1iffbyg){transform:rotateY(-180deg)}.card.svelte-1iffbyg:hover .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg){mix-blend-mode:darken;--text-color:white;box-shadow:0 0 calc(var(--white-shadow) * 1vw) calc(var(--white-shadow) * .15vw) #fff3;animation:svelte-1iffbyg-shadow-pulse calc(var(--animation-speed) * 2) linear infinite}.card.svelte-1iffbyg:hover .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg):before{--bg-size:15;transition:--bg-size var(--interaction-speed) ease;animation-play-state:paused}.card.svelte-1iffbyg:hover .card-flip:where(.svelte-1iffbyg) .glow:where(.svelte-1iffbyg){--glow-blur:1.5;--glow-opacity:.6;--glow-scale:2.5;--glow-radius:0;--rotate:900;--glow-rotate-unit:0;--scale-factor:1.25;animation-play-state:paused}.card.svelte-1iffbyg:hover .card-flip:where(.svelte-1iffbyg) .glow:where(.svelte-1iffbyg):after{--glow-translate-y:0;transition:--glow-translate-y,--glow-blur 50ms,--glow-opacity 50ms,--glow-scale 50ms,--glow-radius 50ms;animation-play-state:paused}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg){text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform 2s 3s;position:relative;transform:rotateY(0)}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) .front:where(.svelte-1iffbyg),.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) .back:where(.svelte-1iffbyg){backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) .back:where(.svelte-1iffbyg){transform:rotateY(180deg)}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg){width:var(--card-width);width:min(480px, var(--card-width));aspect-ratio:5/3;color:#fff;z-index:2;border-radius:var(--card-radius);cursor:pointer;justify-content:center;align-items:center;margin:auto;display:flex;position:relative}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg):before,.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg):after{content:"";border-radius:var(--card-radius);width:100%;height:100%;display:block;position:absolute}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg)>div{background:var(--card-color);border-radius:calc(var(--card-radius) * .9);text-transform:uppercase;width:30rem;height:50rem;color:var(--text-color);padding:calc(var(--card-width) / 8);flex-direction:column;justify-content:center;align-items:center;font-size:clamp(1.5vw,1.5vmin,32px);font-weight:800;font-stretch:150%;display:flex;position:absolute}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg)>div span{background:var(--text-color);color:#000;border-radius:4px;margin:1em;padding:.25em;font-weight:900;display:block}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg)>div:before{content:"";border-radius:calc(var(--card-radius) * .9);mix-blend-mode:color-burn;z-index:-1;background:#292929 radial-gradient(30% 30% at calc(var(--bg-x) * 1%) calc(var(--bg-y) * 1%), hsl(calc(var(--hue) * var(--hue-speed) * 1deg), 100%, 90%) calc(0% * var(--bg-size)), hsl(calc(var(--hue) * var(--hue-speed) * 1deg), 100%, 80%) calc(20% * var(--bg-size)), hsl(calc(var(--hue) * var(--hue-speed) * 1deg), 100%, 60%) calc(40% * var(--bg-size)), transparent 100%);width:100%;height:100%;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));animation:svelte-1iffbyg-hue-animation var(--animation-speed) linear infinite, svelte-1iffbyg-rotate-bg var(--animation-speed) linear infinite;transition:--bg-size var(--interaction-speed) ease;display:block;position:absolute;box-shadow:0 0 20px #000}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg) .glow:where(.svelte-1iffbyg){--glow-translate-y:0;width:calc(var(--card-width) / 5);height:calc(var(--card-width) / 5);animation:svelte-1iffbyg-rotate var(--animation-speed) linear infinite;transform:rotateZ(calc(var(--rotate) * var(--glow-rotate-unit)));transform-origin:50%;border-radius:calc(var(--glow-radius) * 10vw);display:block;position:absolute}.card.svelte-1iffbyg .card-flip:where(.svelte-1iffbyg) div:where(.svelte-1iffbyg)>div:where(.svelte-1iffbyg) .glow:where(.svelte-1iffbyg):after{content:"";z-index:-2;filter:blur(calc(var(--glow-blur) * 10px));background:hsl(calc(var(--hue) * var(--hue-speed) * 1deg), 100%, 60%);border-radius:calc(var(--glow-radius) * 10vw);width:130%;height:130%;animation:svelte-1iffbyg-hue-animation var(--animation-speed) linear infinite;transform:scaleY(calc(var(--glow-scale) * var(--scale-factor) / 1.1)) scaleX(calc(var(--glow-scale) * var(--scale-factor) * 1.2)) translateY(calc(var(--glow-translate-y) * 1%));opacity:var(--glow-opacity);display:block;position:relative;top:-15%;left:-15%}@keyframes svelte-1iffbyg-shadow-pulse{0%,24%,46%,73%,96%{--white-shadow:.5}12%,28%,41%,63%,75%,82%,98%{--white-shadow:2.5}6%,32%,57%{--white-shadow:1.3}18%,52%,88%{--white-shadow:3.5}}@keyframes svelte-1iffbyg-rotate-bg{0%{--bg-x:0;--bg-y:0}25%{--bg-x:100;--bg-y:0}50%{--bg-x:100;--bg-y:100}75%{--bg-x:0;--bg-y:100}to{--bg-x:0;--bg-y:0}}@keyframes svelte-1iffbyg-rotate{0%{--rotate:-70;--glow-translate-y:-65}25%{--glow-translate-y:-65}50%{--glow-translate-y:-65}60%,75%{--glow-translate-y:-65}85%{--glow-translate-y:-65}to{--rotate:calc(360 - 70);--glow-translate-y:-65}}@keyframes svelte-1iffbyg-hue-animation{0%{--hue:0}to{--hue:360}}.pyramid-container.svelte-1iffbyg{perspective:50vmin;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.pyramid.svelte-1iffbyg{width:30vmin;height:30vmin;transform-style:preserve-3d;background:#d8d8d8;animation:8s linear infinite svelte-1iffbyg-spin;transform:rotateX(34deg)rotate(-73deg)}.pyramid.svelte-1iffbyg:before{content:"";opacity:.15;background:#000;width:100%;height:100%;position:absolute;transform:translateZ(-10vmin);box-shadow:0 0 2vmin 2vmin #000}.pyramid.svelte-1iffbyg span:where(.svelte-1iffbyg){box-sizing:border-box;opacity:.8;clip-path:polygon(0% 100%,50% 0%,100% 100%);background-color:#efefef;background-image:linear-gradient(335deg,#fff 6px,#0000 6px),linear-gradient(155deg,#fff 6px,#0000 6px),linear-gradient(335deg,#fff 6px,#0000 6px),linear-gradient(155deg,#fff 6px,#0000 6px);background-position:0 0,1px 8px,7px 7px,8px 1px;background-size:15px 15px;width:100%;height:100%;position:absolute}.pyramid.svelte-1iffbyg span:where(.svelte-1iffbyg):before{content:"";background:#ffd400;width:100%;height:1.75vmin;position:absolute}.pyramid.svelte-1iffbyg span:where(.svelte-1iffbyg):first-child{transform-origin:bottom;filter:brightness(.875);height:25vmin;bottom:0;transform:rotateX(-53deg)}.pyramid.svelte-1iffbyg span:where(.svelte-1iffbyg):nth-child(2){transform-origin:100%;height:25vmin;right:0;transform:rotateY(53deg)rotate(-90deg)translate(12.5vmin,-12.5vmin)}.pyramid.svelte-1iffbyg span:where(.svelte-1iffbyg):nth-child(3){transform-origin:top;filter:brightness(.875);height:25vmin;top:0;transform:rotateX(53deg)rotate(180deg)translateY(-25vmin)}.pyramid.svelte-1iffbyg span:where(.svelte-1iffbyg):nth-child(4){transform-origin:0;height:25vmin;left:0;transform:rotateY(-53deg)rotate(90deg)translate(-12.5vmin,-12.5vmin)}@keyframes svelte-1iffbyg-spin{0%{transform:rotateX(65deg)rotate(0)}to{transform:rotateX(65deg)rotate(360deg)}}main.svelte-1uha8ag{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1024px;height:100vh;margin:0 auto;padding:1rem;display:flex}#background.svelte-1uha8ag{min-width:100%;min-height:100%;position:fixed;bottom:0;right:0}