@keyframes change {
  0% {
    margin-top: 0px;
  }
  20% {
    margin-top: -80px;
  }
  40% {
    margin-top: -80px;
  }
  60% {
    margin-top: 0px;
  }
  100% {
    margin-top: 0px;
  }
}
@-webkit-keyframes change {
  0% {
    margin-top: 0px;
  }
  20% {
    margin-top: -80px;
  }
  40% {
    margin-top: -80px;
  }
  60% {
    margin-top: 0px;
  }
  100% {
    margin-top: 0px;
  }
}
ul {
  list-style: none;
  overflow: hidden;
  padding: 0px 30px;
  height: 110px;
  border: 1px solid #333;
  border-left: none;
  border-right: none;
}
li:nth-child(1) {
  animation-name: change;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  -webkit-animation-name: change;
  -webkit-animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
}
a {
  font-family: Trebuchet MS;
  font-size: 16px;
  color: #333;
  text-decoration: none;
}