body{
    margin: 0 auto;
    max-width: 80em;
}

nav{
    width: 800px;
    margin: 0 auto;

}

nav::before{
    content: '';
    display: block;
    height: 50px;
    width: 100%;
    background: #000;
    position: absolute;
    left: 0;
    z-index: -1;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
    height: 50px;
}

ul li{
    float: left;
}

ul li a{
    color: #fff;
display: block;
height: 50px;
padding: 0 50px;
text-transform: uppercase;
text-decoration: none;
line-height: 50px;
}

ul li a:hover{
    background: #d34d34;
}

body{
    background:url(7d49b53f35a91fd08931b8dfa9ae7ac9.png) no-repeat center center;
    min-height: 100%;
    background-size: cover;
}