ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Orbitron', sans-serif;

}

li {
  float:left;
  
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: hotpink;
  color: white;
}

.active {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  background-color:rgb(250, 167, 225);
}

ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-family: 'Orbitron', sans-serif;
}


li a {
  display: block;
  text-align: center;
}

body{
  background-color: rgb(0, 0, 0);
  overflow-x: hidden;
}

.wellen {
  background-image: url(/julia_kagerbauer/images/waves.svg);
  width: 2000px;
  height: 5000px;
  background-repeat: no-repeat;
  background-size: cover;
  animation-name: wave;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}


@keyframes wave {

  from{
      transform: translateX(-200px);
  }

  to{
    transform: translateX(0px);
  }
}