#mySidenav a {
  position: fixed;
  left: -120px;
  transition: 0.3s;
  padding: 15px;
  width: 240px;
  text-decoration: none;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  text-align: inherit;
  color: white;
  border-radius: 0 5px 5px 0;
}

#mySidenav a:hover {
  left: 0;
}

#about {
  top: 22px;
  background-image: url(../images/hover-menu_01.png);
  background-repeat:no-repeat;
}

#blog {
  top: 80px;
  background-image:url(../images/hover-menu_02.png);
  background-repeat:no-repeat;
}

#projects {
  top: 140px;
  background-image:url(../images/hover-menu_04.png);
  background-repeat:no-repeat;
}

#contact {
  top: 200px;
  background-image:url(../images/hover-menu-2_04.png);
  background-repeat:no-repeat;
}