@font-face{font-family:terminus;src:url("/fonts/terminus.woff2");font-display:swap}body{font-family:terminus;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000;margin:0;overflow:hidden}div#cube{width:100vw;height:100vh;overflow:hidden}div#cube .scene{position:relative;width:200px;height:200px;perspective:600px;animation:x 7s linear infinite alternate, y 5s linear infinite alternate}div#cube .cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotate-cube 12s infinite linear}div#cube .face{position:absolute;width:200px;height:200px;border:1px solid lime;background-size:cover;background-position:center;box-shadow:0 0 8px 0 lime}div#cube .front{transform:rotateY(0deg) translateZ(100px)}div#cube .back{transform:rotateY(180deg) translateZ(100px)}div#cube .right{transform:rotateY(90deg) translateZ(100px)}div#cube .left{transform:rotateY(-90deg) translateZ(100px)}div#cube .top{transform:rotateX(90deg) translateZ(100px)}div#cube .bottom{transform:rotateX(-90deg) translateZ(100px)}@keyframes rotate-cube{from{transform:rotateY(0deg) rotateX(0deg)}to{transform:rotateY(360deg) rotateX(360deg)}}@keyframes x{from{left:0}to{left:calc(100% - 200px)}}@keyframes y{from{top:0}to{top:calc(100% - 200px)}}div#grid .scene{position:fixed;inset:0;perspective:1200px}div#grid .grid{position:absolute;width:200%;height:200%;left:-50%;bottom:-50%;transform-style:preserve-3d;transform:rotateX(70deg);background-image:linear-gradient(lime 1px, transparent 1px),linear-gradient(90deg, lime 1px, transparent 1px);background-size:80px 80px;animation:gridMove 30s linear infinite;box-shadow:0 0 20px lime,0 0 40px lime}@keyframes gridMove{from{background-position:0 0, 0 0}to{background-position:0 100%, 100% 0}}div#content{display:grid;color:#fff;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;text-align:center;align-items:center}div#content div#contentBody{display:grid;width:240px;margin-left:calc(50% - 120px);backdrop-filter:blur(2px) saturate(0%);text-shadow:1px 1px 24px #fff}div#content div#contentBody div#header{font-weight:bold;font-size:24px}div#content div#contentBody div#links a:link,div#content div#contentBody div#links a:visited,div#content div#contentBody div#links a:hover,div#content div#contentBody div#links a:active,div#content div#contentBody div#links b{font-size:16px;padding:4px;display:block;color:#fff;text-decoration:none}div#content div#contentBody hr{margin:8px auto;min-width:200px;width:25%;border:1px solid #fff;box-shadow:0 0 24px 2px #fff}div#counter{color:lime;position:fixed;top:0;height:130px;text-align:center;line-height:130px;width:100vw}
/*# sourceMappingURL=main.css.map */