#cat {
  width: 100%;
margin: 0 auto;
text-align: center;
}
canvas {
max-width: 100%;
height: auto;
cursor: crosshair;
display: none;
margin-bottom: 1em;
}
.color-entry {
display: inline-block;
margin-bottom: 20px;
font-size: 1.2em;
font-weight: bold;
padding: 20px;
border: 2px solid #988574;
margin: 10px;
border-radius: 5px;
}
.color-box {
width: 100px;
height: 30px;
border: 1px solid #ccc;
}
#drop-zone {
margin-bottom: 1em;
padding: 2em;
border: 3px dashed #988574;
background-color: #fff;
color: #666;
}
#select-button {
  width: 200px;
  height: 60px;
  font-weight: bold;
  font-size: 1.3em;
margin-top: 1em;
padding: 0.5em 1em;
border: none;
background-color: #988574;
color: white;
border-radius: 4px;
cursor: pointer;
}
#select-button:hover {
background-color: #c0ad9d;
}
.colorstitle{
  font-size: 1.3em;
  font-weight: bold;
}