body
{
background: url("WebBackground.jpg") no-repeat right center fixed;
background-size: contain;
background-color: #101010;
}

#name
{
position: fixed; 
top: 50%; 
left: 22.5%;
font-family: "Arial", Arial, sans-serif;
font-size: 100%;
font-size: 2.5em;
color: white;
}

#description
{
position: fixed; 
top: 50%;
left: 22.5%;
padding-top:100px;
padding-left: 4px;
font-family: "Arial", Arial, sans-serif;
font-size: 100%;
font-size: 2em;
letter-spacing: 6px;
color: rgb(163,31,52);
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: -webkit-linear-gradient(right,rgba(51,51,51,0),rgba(51,51,51,1.0));
    background: -o-linear-gradient(left,rgba(51,51,51,0),rgba(51,51,51,1.0));
    background: -moz-linear-gradient(left,rgba(51,51,51,0),rgba(51,51,51,1.0));
    background: linear-gradient(to left,rgba(51,51,51,0),rgba(51,51,51,1.0));
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: "Arial", Arial, sans-serif;
}

li a:hover:not(.active) {
    background-color: rgb(163,31,52);
}


.active {
    background-color: rgb(163,31,52);
}