.nav
{
  top: 0px;
  background: #111;
  color: #fff;
  text-shadow: #34d6ff22 1px 1px;
  font-size: 20px;
  font-weight: normal;
}

.nav img 
{
  display: inline-block;
  margin-left: 20px;
  margin-top: 20px;
  width: 100px;
}

.nav-item
{
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 25px;
  margin-top: 50px;
  display: inline-block;
}

.nav-item a
{
  /* color: #0ecedb; */
  animation: color 60s infinite;
  text-decoration: none;
}

.nav-item a:hover
{
  text-decoration: underline;
}

@keyframes color
{
  0%
  {
    color: #47af6a;
  }

  25%
  {
    color: #4baabb;
  }

  50%
  {
    color: #4b53ca;
  }

  75%
  {
    color: #9351be;
  }

  100%
  {
    color: #47af7b;
  }
}

@media all and (max-device-width: 450px)
{
  .nav-item
  {
    font-size: 2em;
  }
}