pixel.css

body{
  background-color: dimgrey;
}

.container{
  background-color: grey;
  width: 620px;
  height: 560px;
  margin: 100px auto;
  border-radius: 25px;
  padding: 60px;
}


.gridBox{
  background-color: white;
  width: 492px;
  height: 384px;
  margin: auto;
}

.paintBox{

  width: 492px;
  height:140px;
  margin: auto;
}

.pixel{
  border: 1px solid #ccc;
  float:left;
  height: 10px;
  width:10px;
}


.swatch{
  border: 3px solid #ccc;
  float:left;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  margin: 12px;
}

.currentLabel{
  color: dimgrey;
  float: left;
  font-family: sans-serif;
  font-size: large;
  margin-top: 20px;
}

.currentSwatch{
  border: 3px solid #ccc;
  height: 40px;
  width: 70px;
  float: left;
  margin-top: 10px;
  margin:10px;
  background-color: black;
}

#red{
  background-color: red;
}

#orange{
  background-color: orange;
}

#yellow{
  background-color: yellow;
}

#green{
  background-color: green;
}

#blue{
  background-color: blue;
}

#purple{
  background-color: purple;
}

#brown{
  background-color: brown;
}

#black{
  background-color: black;
}

#white{
  background-color: white;
}

#grey{
  background-color: grey;
}