html,body,.content-wrapper{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.grid{display:grid;grid-template-columns:repeat(20,20px);grid-template-rows:repeat(20,20px)}.gridItem{width:20px;height:20px;border:1px solid lightgray;cursor:pointer}@media (max-width: 440px){.grid{grid-template-columns:repeat(20,4vw);grid-template-rows:repeat(20,4vw)}.gridItem{width:4vw;height:4vw}}.gridItem:hover{border:1px solid gray;transform:scale(1.25);box-shadow:0 4px 8px #0000004d}.toolbar{display:flex;margin:40px auto;padding:12px;border:1px solid lightgray;border-radius:32px;gap:8px}.toolbar>button{width:40px;height:40px;border-radius:20px;border:2px solid white;cursor:pointer}.selected-color{outline:3px solid black;box-shadow:0 4px 8px #0000004d}@media (max-width: 440px){.toolbar{padding:2vw;gap:1vw}.toolbar>button{width:10vw;height:10vw}}