*{box-sizing:border-box}body{background-color:#d3d3d3}h1{text-align:center}main{justify-content:center;align-items:center;display:flex}.pad-container{grid-template-rows:repeat(16,25px);grid-template-columns:repeat(16,25px);gap:10px;display:grid}.grid{cursor:pointer;border:1px solid #dddcdc;width:35px;height:35px}.grid:hover{background-color:#d3d3d3}#color-picker{background-color:#f5f5f5;border-radius:20px;margin-right:10px;padding:10px 20px 20px}input{border-radius:12px;width:100%;margin-bottom:20px}.clear-button,.export-button{cursor:pointer;letter-spacing:.5px;border:none;border-radius:12px;width:100%;height:45px;margin-top:15px;font-size:1rem;font-weight:700}.clear-button{color:#fff;background-color:#000}.export-button{color:#000;background-color:#d3d3d3}