body{--green: #13322c;--white: #f5f3ef;background-color:var(--green);background-color:#f1f1f1;font-family:monospace;color:var(--white);color:#000;overflow:hidden;margin:0}a{color:inherit}.version-nav{position:fixed;padding:30px;bottom:0;left:0}.version-nav .nav-item{padding-bottom:.5em;display:block}.sphere-container{--layer-count: 1;--size: 30vmin;--z-step: calc(var(--size) / var(--layer-count));transform:rotate(-90deg) translateY(-50%);perspective:80vmin;position:absolute;bottom:0;right:0;left:0;top:0;margin:auto;height:var(--size);width:20vmin}.sphere-container .sphere{position:absolute;bottom:0;right:0;left:0;top:0;transition:transform 50ms;transform-style:preserve-3d;transform:rotateX(var(--rotate-x)) rotate(35deg)}.sphere-container .shadow,.sphere-container .layer{position:absolute;bottom:0;right:0;left:0;top:0;overflow:hidden;border-radius:5px}.sphere-container .layer{background-color:var(--white);background-color:#000}.sphere-container .shadow{background-color:var(--green);background-color:#f1f1f1}