#body {
  margin-right:25em;
  margin-left:25em;
  background-color:#CEA951;
  color:yellow;
}

#header {
  margin-right:25em;
  margin-left:25em;
  border-width:3px;
  border-color:black; 
  border-style:solid;
  text-align:center;
}

#ooft {
  text-align:center;
  font-family: 'Major Mono Display', monospace;
}

#skull {
  text-shadow:-3px -3px pink;
  text-shadow:3px 3px pink;
}

#ooft img:hover {
  Transition:tansform 3s ease-in;
  filter:invert;
}

#harold img:hover {
  transition:transform 3s ease-in-out;
  transform:rotate(1080Deg);
}

#header img {
  width:80%
}

#harold {
  border-color:#CEA951;
  border-width:15px;
  border-style:solid;
  background-color:#CEA951;
  color:yellow;
  margin-right:34em;
  margin-left:34em;
  text-align:center;
}

#button {
 margin-left:12em;
 margin-right:12em;
 text-align:center;
}