@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}:root{--gray:#c8c8c8}body{display:flex;justify-content:center;align-items:flex-start;flex-flow:column;background:#fff;margin:0;transition:.7s all;overflow-x:hidden}aside{position:fixed;bottom:5vh;right:5vh}@media screen and (max-width:480px){aside{display:none}}aside #fullscreen{widows:28px;height:28px;fill:var(--gray);cursor:pointer;transition:.7s fill}aside #fullscreen:hover{fill:#000}.item{display:grid;grid-template-columns:13vh 1fr;margin:3.6vh 1.2vh;cursor:pointer}.box,.item h1{font-family:Helvetica,sans-serif}.item h1{margin:0 1em;color:var(--gray);font-weight:200;word-wrap:none;font-size:1.2em}.box{display:block;height:13vh;width:13vh;margin:0;transition:.2s all;text-align:center;background-color:var(--gray)}#cover,.expand{height:100vh;width:100vw}.hide{display:none}#cover{background-color:transparent;position:fixed;top:0;left:0;z-index:-1;transition:.5s all;overflow:hidden;cursor:pointer}#cover.active{z-index:3}.loading{height:100px;display:flex;justify-content:center;align-items:center}.loading svg{wdith:28px;height:28px;fill:var(--gray);animation:rotation 2s infinite linear}