@import url('https://fonts.googleapis.com/css?family=Unlock');

body {
  font-family: 'Unlock', cursive;
}

#logo {
  padding: 2em;
  background-color:purple;
  width:50%;
  margin-left:25%;
  margin-right:25%;
  transition: filter 60s;
}

#logo:hover {
  filter: hue-rotate(50000deg);
}
  
.content {
  background-color: pink;
  margin-left: 25%;
  margin-right: 25%;
  margin-top:1em;
  padding: 2em;
  width: 50%;
  transition: all 2s;
}

.content:hover {
  box-shadow: 5px 5px black;