*{margin:0;padding:0}html{font-size:15px}body{background-color:#66ffe3}.container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;gap:10px}.action{display:none}#canvas{border:1px solid black}@media screen and (max-width: 768px){html{font-size:12px}.action{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem}button{width:3rem;height:3rem;border:none;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:#6495ed}#canvas{max-width:90%;border:1px solid black}}