:root{font-size:16px}*{margin:0;padding:0}html{height:100vh}body{text-align:center;height:100vh;font-family:Helvetica,sans-serif;overflow:hidden}.start-screen{background-color:#d27d28e6;flex-direction:column;place-content:center;width:100%;height:100vh;margin:0 auto;display:flex}.splash__image{justify-content:center;padding-bottom:5em;display:flex}span{letter-spacing:.3em;font-family:Helvetica,sans-serif;font-size:1.25rem;font-weight:800}.start__button{margin-bottom:3em}.brutal__button{cursor:pointer;background-color:#fff;border:.25em solid #000;border-radius:1em;margin:0 auto;padding:1em 5em;box-shadow:.5em .5em #000}.instructions{background-color:#fff;border:.25em solid #000;border-radius:1em;width:10%;margin:0 auto;padding:1em 0;font-family:Helvetica,sans-serif;font-size:1rem;font-style:italic;font-weight:400}.instructions th{border-bottom:.15em dotted #000;width:100%;padding-bottom:.35em}.instructions td{padding-top:.7em;font-size:.9rem}.hidden{display:none}.canvas{background-color:#d27d28e6;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.canvas__frame{border:.25em solid #000;border-radius:1em;margin-bottom:5em;box-shadow:-1.5em -1.5em #000}.canvas__button{color:#000;cursor:pointer;background-color:#fff;border:.25em solid #000;border-radius:1em;width:10vw;margin:0 auto;padding:.5em 0;font-size:1.3rem;font-weight:600;position:absolute;top:52%;left:0;right:0}