style.min.css

body{text-align:center;margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;font-family:'Arial Narrow',Arial,sans-serif;text-transform:uppercase;}#canvasWrapper{display:flex;flex-direction:column;align-items:center;}#canvasContainer{height:55vw;width:55vw;max-height:55vw;max-width:55vw;display:flex;justify-content:center;align-items:center;margin:auto;}canvas{max-width:100%;max-height:100%;}#controls{margin-top:10px;}#controls button{background-color:transparent;border:2px solid black;padding:.6rem 1.2rem;cursor:pointer;margin:.3rem;}#controls button:hover{background-color:lightgray;}#controls button:focus-visible{outline:none;}footer#credit{width:100%;text-align:center;font-size:.7rem;}footer#credit a{color:black;text-decoration:none;}footer#credit a:hover{text-decoration:underline;}@media (max-width:580px){h1{font-size:1.4rem}}@media (max-width:589px){#controls button{width:80vw}}