body {
  background-color: lightblue;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

svg {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

#gromit {
  animation-duration: 3s;
  animation-name: slidein;
}

#ears g {
  transition: 0.3s transform;
  transform-origin: center;
}

#ears g:first-of-type:hover {
  transform: rotate(1deg)
}

#ears g:not(:first-of-type):hover {
  transform: rotate(-1deg)
}

#nose,
#nose-2 {
  transition: 0.3s transform;
  transform-origin: center;
}

#nose:hover,
#nose-2:hover {
  transform: scale(1.1)
}