body {
  font-family: 'Raleway', sans-serif;
  margin:0;
}
nav {
  display: flex;
  align-items:flex-start;
}
nav a {
  width: 20%;
  padding:20px 0;
  text-decoration: none;
  color:#fff;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  transition:.3s all ease-in-out;
}
a:hover {
  padding:20px 0 30px 0;
}
nav a:nth-of-type(1) {
  background-color:crimson;
}
nav a:nth-of-type(2) {
  background-color:deeppink;
}
nav a:nth-of-type(3) {
  background-color:orange;
}
nav a:nth-of-type(4) {
  background-color:mediumseagreen;
}
nav a:nth-of-type(5) {
  background-color:blueviolet;
}