body {text-align: center;}

h1 {
  font-family: Comic Sans MS, Comic Sans, cursive; 
  font-size: 45px; 
} 

#colorGen {
  padding: 20px 35px;     
  font-size: 35px; 
  font-family: Comic Sans MS, Comic Sans, cursive;
  border: 5px solid black;  
  border-radius: 12px; 
}

#simpleColor {
  padding: 20px 35px;   
  font-size: 35px; 
  font-family: Comic Sans MS, Comic Sans, cursive;
  border: 5px solid black;  
  border-radius: 12px; 
}

#resetButton {
  padding: 20px 35px;     
  font-size: 35px;  
  font-family: Comic Sans MS, Comic Sans, cursive;
  border: 5px solid red; 
  border-radius: 12px; 
}
 

#textColor {
  padding: 20px 35px;     
  font-size: 35px;  
  font-family: Comic Sans MS, Comic Sans, cursive; 
  border: 5px solid black; 
  border-radius: 12px; 
} 

#colorGen:hover {
  background-color: darkgrey;
}

#simpleColor:hover {
  background-color: darkgrey;  
} 

#textColor:hover {
  background-color: darkgrey;
}

#resetButton:hover {
  background-color: darkgrey;
}

#colorGen:active {
  background-color: darkgrey;
  color: white;
}

#simpleColor:active {
  background-color: darkgrey;  
  color: white; 
} 

#textColor:active {
  background-color: darkgrey;
  color: white;
}

#resetButton:active {
  background-color: darkgrey;
  color: white;
}