body {
  background: rgb(255,171,229);
}

.wordbox {
  text-align:center;
  height: 200px;
}

.wordbox h3 {
  margin-top:15%;
}

button#submit {
  text-transform:none;
  padding: 0.25em 0.75em;
  border: 0 none;
  height:100%;
  border-radius: 3px;
  outline: none;
  background-color: rgb(74, 229, 246);
  font-weight: 400;
  font-size:2.5em;
  color: rgb(255, 171, 229);
  box-shadow: 0 5px rgb(56, 166, 178);
  transition: all 0.25s ease;
}

button#submit:active {
 transform: translateY(5px);
}

button#submit:hover {
  color: #fff;
}

button#reset {
  text-transform:none;
  padding: 0.25em 0.75em;
  border: 0 none;
  height:100%;
  border-radius: 3px;
  outline: none;
  background-color: rgb(74, 229, 246);
  font-weight: 400;
  font-size:2.5em;
  color: rgb(255, 171, 229);
  box-shadow: 0 5px rgb(56, 166, 178);
  transition: all 0.25s ease;
}

button#reset:active {
 transform: translateY(5px);
}

button#reset:hover {
  color: #fff;
}


.footer {
  padding-top:5em;
  text-align:center;
}

#box1 { background-color:#666; }
#box2 { background-color:#aaa; }
#box3 { background-color: #ddd; }
#box4 { background-color: #444; }