styles.css

body{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
font-size: 0.8rem;
line-height: 1.5;
text-align: center;
color: #333;
}
h1{
font-size:2rem;
margin-bottom: 0;
}
#img-div{
background:#808080;
padding: 10px;
margin: 0;
}
#img{
    max-width:100%;
    display:block;
    width:500px;
    height:auto;
    margin:0 auto;
    margin-left: auto;
    margin-right: auto;
}
#img-caption{
margin: 15px 0 5px 0;
}
figcaption{
font-weight:bolder;
}
#main{
margin: 30px 8px;
padding: 15px;
border-radius: 5px;
background: #eee;
}
ul{
    max-width: 550px;
    margin: 0 auto 50px auto;
    text-align: left;
    line-height: 1.6;
}
li{
margin: 10px 0;
}
a:link{
    color:#0000ff;
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}