body{
 font-family: sans-serif;
 margin:0 auto;
 width:960px;
}
h1, h2, h3{
 color:brown; 
}
ul{
 list-style-image:url("images/tiny-coffee-cup.gif");
}
a:link, a:visited{
 text-decoration:none;
 color:brown;
 font-weight:bold;
}
a:hoover{
 color:black; 
}
nav ul{
 display:flex;
 list-style-type:none; 
 list-style-image:none;
 padding:0;
}
nav il{
 display:inline;
 float:left;
}
nav a:link, a:visited{
 background-color:brown;
 color:white;
 display:block;
 width:160px;
 text-align:center;
 padding:10px 0;
}
nav a:hoover{
 background-color:black; 
}
aside{
 width:280px;
 float:right;
 background-color:tan;
 text-align:center;
 font-weight:bold;
 padding:20px;
 margin-left:20px;
}
.photo-left{
 float:left; 
 margin-right:20px;
}
.photo-right{
 float:right;
 margin-left:20px;
}
header {
 background-image:url("images/coffee-beans.jpg");
 height:100px;
 margin-bottom:70px;
}
header h1{
 color:rgba(256,256,256,8);
 margin-left:30px;
 margin-top:30px;
 font-size:50px;
}
footer {
 margin:40px 0; 
}
footer nav a:link, footer nav a:visited {
 text-decoration: none;
 color:grey;
 display:block;
 width:160px;
 text-align:center;
 background-color:white;
}
footer nav a:hover{
 color:black; 
}
td, th {
border: 1px solid black;
width: 20%;
text-align: center;
padding: 5px;
}
table {
border-collapse: collapse;
}
video {
 margin-bottom: 20px;
 margin-left: 160px;
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 filter: grayscale(100%);
}