nav {
  text-align: center;
}
.close-nav i:hover,
.close-nav i:focus,
.close-nav i:active {
  color: #ffe600;
}

.nav-link {
  margin-top: 2em;
  text-decoration: none;
  font-weight: 700;
}

.nav-link,
a {
  text-transform: lowercase;
}

.nav-link:hover,
.nav-link:focus,
.nav-link:active {
  transform: scale(1.5);
}

@media (min-width: 600px) {
  .nav-link:hover,
  .nav-link:focus,
  .nav-link:active {
    transform: scale(1.2);
  }
}
.current {
  padding-bottom: 0.25rem;
  border-bottom: 2px #ffe600 solid;
}
.current:hover {
  border-bottom: 2px #fff solid;
}