:root{--size:40vmin}p.svelte-1lcx5p3.svelte-1lcx5p3{font-size:1.5rem;color:#fff;text-align:center;line-height:.5}p.svelte-1lcx5p3 a.svelte-1lcx5p3{color:#373737;text-decoration:none}html,body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;font-family:Jura,sans-serif;font-display:swap}.scene.svelte-1lcx5p3.svelte-1lcx5p3{perspective:800px;perspective-origin:50% 25%;height:100vh;width:100vw;margin:auto}.pyramid.svelte-1lcx5p3.svelte-1lcx5p3,.side.svelte-1lcx5p3.svelte-1lcx5p3,.floor.svelte-1lcx5p3.svelte-1lcx5p3,.shadow.svelte-1lcx5p3.svelte-1lcx5p3{width:var(--size);height:var(--size);position:absolute}.pyramid.svelte-1lcx5p3.svelte-1lcx5p3{transform-style:preserve-3d;left:50%;top:50%;margin-left:calc(var(--size) / -2);margin-top:calc(var(--size) / -1);animation-name:svelte-1lcx5p3-spin;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both;transform-origin:bottom}h1.svelte-1lcx5p3.svelte-1lcx5p3{position:absolute;margin:auto;padding-top:20px;padding-bottom:20px;width:100%;text-align:center;bottom:0;-webkit-backdrop-filter:invert(.7);backdrop-filter:invert(.7);font-size:3rem;text-shadow:0 0 10px rgba(0,0,0,.3);color:#fff}.floor.svelte-1lcx5p3.svelte-1lcx5p3{background-color:#d3d3d3;transform:translateZ(calc(var(--size)/2)) rotateX(90deg);transform-origin:bottom;transform-style:preserve-3d}.side.svelte-1lcx5p3.svelte-1lcx5p3{clip-path:polygon(50% 0,100% 100%,0 100%);transform-style:preserve-3d;opacity:.5}.side.svelte-1lcx5p3.svelte-1lcx5p3:nth-child(1){transform-origin:bottom;transform:translate(50%) rotateY(90deg) rotateX(30deg);background-color:#0ff}.side.svelte-1lcx5p3.svelte-1lcx5p3:nth-child(2){transform-origin:bottom;transform:translate(-50%) rotateY(-90deg) rotateX(30deg);background-color:#f0f}.side.svelte-1lcx5p3.svelte-1lcx5p3:nth-child(3){transform-origin:bottom;transform:translateZ(calc(var(--size) / 2)) rotateX(30deg);background-color:#ff0}.side.svelte-1lcx5p3.svelte-1lcx5p3:nth-child(4){transform-origin:bottom;transform:translateZ(calc(var(--size) / -2)) rotateY(180deg) rotateX(30deg);background-color:#0f0}.shadow.svelte-1lcx5p3.svelte-1lcx5p3{transform:rotateX(90deg) translateZ(calc(var(--size) * 3 / -4));box-shadow:0 0 10px 10px #0000001a;background-color:#0000001a}@keyframes svelte-1lcx5p3-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}