* {
 box-sizing: border-box;
}


.nav-link {
  color: #EEE;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
}

.nav-link:hover {
  background: #777;
  color: #FFF;
}

#about, #m, #i, #c, #e{
  background: rgba(74,14,184,1);
  background: -moz-linear-gradient(left, rgba(74,14,184,1) 0%, rgba(32,124,229,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,14,184,1)), color-stop(100%, rgba(32,124,229,1)));
  background: -webkit-linear-gradient(left, rgba(74,14,184,1) 0%, rgba(32,124,229,1) 100%);
  background: -o-linear-gradient(left, rgba(74,14,184,1) 0%, rgba(32,124,229,1) 100%);
  background: -ms-linear-gradient(left, rgba(74,14,184,1) 0%, rgba(32,124,229,1) 100%);
  background: linear-gradient(to right, rgba(74,14,184,1) 0%, rgba(32,124,229,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a0eb8', endColorstr='#207ce5', GradientType=1 );
}