.menu {

	z-index: 2;
    position: relative;
    width: 980px;
	margin: 0 auto;



}

.menu ul {
  position: absolute;
right: 0;
	top: 60px;;
  padding: 0;
 display: flex;
}

.menu ul li {
  list-style: none;
	 
}
.menu ul li a {
		font-family: 'AABebasNeue';
  position: relative;
  display: block;
  margin: 0 10px;
  padding: 5px 10px;
  color: #f0f80c;
  font-size: 24px;
  text-decoration: none;
  text-transform: uppercase;
 
  overflow: hidden;
	
}

.menu ul li a:hover {
  color: #436EF3;
border-bottom: 2px solid #436EF3;
}

@keyframes animate {
  0% {
    top: calc(50% - 2px);
    left: -100%;
    height: 4px;
    z-index: 1;
  }
  50% {
    top: calc(50% - 2px);
    left: 0;
    height: 4px;
    z-index: 1;
  }
  100% {
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
  }
}