body {
margin: 0;
}
h1
{
color: #fdf9d8;
}
ul {
list-style-type: none;
margin: 0px;
padding: 4px;
width: 20%;
background-color: #4f1315;
position: fixed;
bottom:0;
height: 100%;
overflow: auto;
max-width: 270px;
}
li a {
display: block;
color: #fdf9d8;
padding: 8px 16px;
text-decoration: none;
}
li a:hover {
background-color: #fdf9d8;
color: black;
}

div.figure {
  margin: 0px auto;
  position: static;
  text-align: left;
  width: 480px;
}

#main {
padding: 4px 16px;
margin-left: 20%;
margin-bottom: 40px;
}
@media screen and (min-width: 1365px)
{
#main {
padding: 4px 16px;
margin-left: 270px;
margin-bottom: 40px;
}
}