.nav-main {
    justify-content: flex-end;
    display: flex;
	width: 100%;
	height: 60px;
	flex-wrap: wrap;
    z-index: 3000;
}
.nav-main ul{
    margin: 30px;
	display: flex;
	flex-wrap: wrap; 
}
.nav-main ul li{
    list-style: none;
    width: auto;
    height: 60px;
    padding: 0 30px;
    display: none;
    line-height:60px;
}
.nav-main ul li a{
    text-shadow: 2px 2px 4px #000000;
	display: block;
	height: 100%;
	text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    font-weight:bold;
	font-family: 'Press Start 2P', cursive;
	font-size: 20px; 
}
.nav-main ul li a:hover{
    animation-name: colorChange;
    animation-duration: 2s;
    color:coral;
}

@keyframes colorChange{
    0%   { color:red; }
    50%  { color:yellow; }
    100% { color:coral; }
}