css

body {
font-family : Helvetica;
background-color: #999;
color: white;
margin: 0;
background-image:url('imgs/dnd.jpg');
background-size:100%;
background-repeat:repeat-y;

}
p {
font-size: 125%;
}

#main {
width: 1000px;
background: white;
margin: 25px auto;
padding: 12px;
border-radius: 10px;
background-color: rgba(255,255,255,0.8);
}

header{
margin:0;
background-color: #6F737F;
padding: 20px 15px 0 15px;
}
header h1{
margin: 0;
text-align: center;
display: inline;
}
nav ul{
margin: 0;
display: inline;
float:right;
}
nav ul li{
display: inline-block;
list-style-type: none;
background-color: #333333;
color: #6F737F;
padding: 5px 10px;
margin: 0;
border-radius: 5px;
}
nav ul li a{
color: white;
text-decoration: none;
}
div p{
color: black;
}
img{
opacity: 1;
width: 150px;
margin: 15px;
border: 2px double black;
float: left;
display: inline;
}
img:hover{
background:black;
opacity: .5;
}
section ul li{
display: inline-block;
list-style-type: none;
padding: 5px;
margin: 0;
}

div h1{
color: black;
}
a:hover{
background-color: #999;
}
ol{
color: black;
size: 125%;
}

p a:hover{
background-color: transparent;
}
td{
text-align: center;
}
table{
color: black;
}