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}@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}.gridItem{cursor:pointer}.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}.toolbar>button:active{width:45px;height:45px;border-radius:20px;border:2px solid black;box-shadow:0 4px 6px}.toolbar>button:hover{width:42px;height:42px;border-radius:20px}.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}}.reset-button-container{margin-bottom:40px}.reset-button{width:80px;height:40px;background-color:#4dcf4d;font-weight:700;font-family:monospace;box-shadow:-4px 4px 6px}.reset-button:hover{cursor:pointer;background-color:green}.reset-button:active{width:85px;height:45px;border:solid 3px}