body{--bg-color: #383838;--bg-color-highlight: #474747;--border-color: white;margin:0;background:var(--bg-color);-webkit-user-select:none;color:#fff;font:80% Courier,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}#page{position:relative;height:100vh;height:100dvh;width:100vw;width:100dvw;overflow:hidden}#read{color:#fff;position:absolute;top:300px;left:0}.wheel{position:absolute;margin:0 auto;top:50vh;left:50%;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-color);transition:background .3s}.wheel:hover{background-color:var(--bg-color-highlight)}.wheel-1{--v-offset: 0px;--h-offset: 0px;width:275px;height:275px;margin-top:calc(-137.5px + var(--v-offset));margin-left:calc(-137.5px + var(--h-offset));z-index:9}.wheel-1:hover{background-color:#747474}.wheel-2{--v-offset: 0px;--h-offset: 0px;width:350px;height:350px;margin-top:calc(-175px + var(--v-offset));margin-left:calc(-175px + var(--h-offset));z-index:8}.wheel-2:hover{background-color:#6f6f6f}.wheel-3{--v-offset: 0px;--h-offset: 0px;width:425px;height:425px;margin-top:calc(-212.5px + var(--v-offset));margin-left:calc(-212.5px + var(--h-offset));z-index:7}.wheel-3:hover{background-color:#6a6a6a}.wheel-4{--v-offset: 0px;--h-offset: 0px;width:500px;height:500px;margin-top:calc(-250px + var(--v-offset));margin-left:calc(-250px + var(--h-offset));z-index:6}.wheel-4:hover{background-color:#656565}.wheel-5{--v-offset: 0px;--h-offset: 0px;width:575px;height:575px;margin-top:calc(-287.5px + var(--v-offset));margin-left:calc(-287.5px + var(--h-offset));z-index:5}.wheel-5:hover{background-color:#606060}.wheel-6{--v-offset: 0px;--h-offset: 0px;width:650px;height:650px;margin-top:calc(-325px + var(--v-offset));margin-left:calc(-325px + var(--h-offset));z-index:4}.wheel-6:hover{background-color:#5b5b5b}.wheel-7{--v-offset: 0px;--h-offset: 0px;width:725px;height:725px;margin-top:calc(-362.5px + var(--v-offset));margin-left:calc(-362.5px + var(--h-offset));z-index:3}.wheel-7:hover{background-color:#565656}.wheel-8{--v-offset: 0px;--h-offset: 0px;width:800px;height:800px;margin-top:calc(-400px + var(--v-offset));margin-left:calc(-400px + var(--h-offset));z-index:2}.wheel-8:hover{background-color:#515151}.wheel-9{--v-offset: 0px;--h-offset: 0px;width:875px;height:875px;margin-top:calc(-437.5px + var(--v-offset));margin-left:calc(-437.5px + var(--h-offset));z-index:1}.wheel-9:hover{background-color:#4c4c4c}.wheel-10{--v-offset: 0px;--h-offset: 0px;width:950px;height:950px;margin-top:calc(-475px + var(--v-offset));margin-left:calc(-475px + var(--h-offset));z-index:0}.wheel-10:hover{background-color:#474747}main{position:absolute;left:2em;top:48%;z-index:20}nav{padding:.3em;background:rgba(0,0,0,.5)}nav:hover{background-color:#0009}nav a:after{content:" //"}nav a:last-of-type:after{display:none}.logo{--size: 40px;right:0;width:var(--size);margin-bottom:4px}.logo img{max-width:100%;opacity:.5}.logo img:hover{opacity:.6}@media only screen and (max-width: 600px){body{overflow:hidden}main{top:45%;left:2em}nav{margin:0;font-size:1.5em;line-height:1.5}}