*{
margin: 0;
padding: 0;
}
body{
margin: 0;
padding: 0;
}
header{
background: linear-gradient(45deg,rgba(172, 87, 9, 0.911),rgb(0,0,0));
color: #fff;
height: auto;

}
nav{
background-color: rgb(241, 223, 121);
margin: 0;
padding: 10px;
border-bottom: 2px solid brown;
}
ul {
display: flex;
list-style-type: none;
align-items: center;
justify-content: center;
}
li a{
text-decoration: none;
color: brown;
cursor: pointer;
margin: 0px 10px;
}
li a:hover{
color: white;
}
nav a img{
display: none;
}
#container{
margin: 10px;

}
#container img{
width: 100%;
}
footer{
background: linear-gradient(45deg,rgba(172, 87, 9, 0.911),rgb(0,0,0));
color: #fff;
text-align: center;
padding: 10px;
/* width: 100%; */
}