body {
    
    margin: 0;
    background-color: grey;
}
.xbox-image{
    background-image:url("xboxlogo.jpg");
    height:600px;
    margin:0;
    padding:20;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;

}
.xboxseriesx{
    background-image:url("xboxseriesx.jpg");
    height:400px;
    margin:0;
    padding:20;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
}

.elite{
    background-image:url("elite1.jpg","elite2.jpg");
    height:400px;
    margin:0;
    padding:20;
    background-position:center;
    position:relative;
}
.xboxvs{
    background-image:url("xboxconsoles.jpg");
    height:660px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
}
h3{
    text-align:center;
    font-family:Arial;
    font-size:25px;
}
img{
    display:block;
    max-width:100%;
    height:auto;
}
img.elite{
    display:block;
    margin-left:0;
    margin-right:auto;
}
img.elite2{
    display:block;
    margin-left:auto;
    margin-right:0;
}
p.content{
    text-align:center;
    font-family: Arial;
    font-size:25px;
}
p.head{
    text-align:center;
    font-family:Helvetica;
    font-size:30px;
}

ul{
    list-style-type:none;
    margin: 0;
    padding: 0; 
    overflow:hidden;
    position:fixed;
    top:0;
    right:0;
}
li{ 
    float: left;
    border-right:1px solid #bbb;
}
li:last-child{
    border-right:none;
}

    li a{
    display: block;
    font-family:"Times New Roman",Times,serif;
    font-size:15px;
    color: #000;
    text-align:center;
    padding: 8px 100px;
    text-decoration: none;
}

li a:link{background-color:#404040;
color:white;}

li a:visited {backgound-color:#f1f1f1;
color:#009999;}

li a.active {background-color:#1aff1a;
    color:grey;
}
li a:hover:not(.active){
    background-color:#000;
    color: white;
}
@media screen and(max-width:1000px)
{
    ul{
        width:100%;
    }


}
@media screen and(max-width 750px)
{
    ul{
        width:75%;
    }

}

@media screen and(max-width 500px){
    ul{
        width 50%;
    }

}
table{
    width:100%
}
table,th,td{
    border: 1px solid white;
    border-collapse: collapse;

}

th,td{
    padding:15px;
    text-align:left;
    color:white;
}
.t01 tr:nth-child(1)
{
    background-color:#1aff1a;
}

.t02 tr:nth-child(odd|even)
{
    background-color:black;
}
table#t01 th{
    background-color: #1aff1a;
    color:white;
}