h1,h2,h3,h4,h5{
  font-size: 10vw;
  text-align: center;
}
h1{
  transition: transform 2s;
    -moz-transition: transform 2s;
    -ms-transition: transform 2s;
    -o-transition: transform 2s;
    -webkit-transition: 2s;
}
h1:hover{
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
h2{
  transition: transform 5s;
  -moz-transition: transform 5s;
  -ms-transition: transform 5s;
  -o-transition: transform 5s;
  -webkit-transition: 5s;
}
h2:hover{
  transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2)

}

h3{
  transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  -webkit-transition: 1s;
}
h3:hover{
  transform:skewX(75deg);
  -moz-transform:skewX(75deg);
  -ms-transform:skewX(75deg);
  -o-transform:skewX(75deg);
  -webkit-transform:skewX(75deg);


}
h4{
  transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  -webkit-transition: 1s;
}
h4:hover{
  transform: translate(10vw, 20vh);
  -moz-transform: translate(10vw, 20vh);
  -ms-transform: translate(10vw, 20vh);
  -o-transform: translate(10vw, 20vh);
  -webkit-transform: translate(10vw, 20vh);
}
section#five{
  transition: background-color 1s;
}
section#five:hover{
  background-color:lightsalmon
}