html{
   background-color: rgb(239, 239, 239);
}
body{
   border-radius: 10px;
   background-color: rgb(220, 218, 218);
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   margin: 1em;
}

header{
   text-align: center;
   padding: 0.1em;
}

h1{
   margin-top: 30px; 
}

h2{
   margin-top: 50px;
   margin-bottom: 20px;
   font-weight: bold;
   font-size: 1.2em;
   text-align: center;
}

img{
   max-width: 100%;
   height: auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#img-div{
margin-bottom: 0;
}

#img-caption{
   font-size: small;
   text-align: center;
}

#img-credit{
   max-width: 100%;  
   display: block;
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;
   font-size: smaller;
   text-align: center;
}

ul{
   margin-left: auto;
   margin-right: auto;
   padding: 0 15%;
}

li{
   margin-top: 15px;
   margin-bottom: 15px;
}

.year{
   font-weight: bold;
}

.quote,.further-reading{
   margin-left: 15%;
   margin-right: 15%;
   margin-top: 50px;
}

.quote{
   font-style: italic;
   text-justify:distribute;
   line-height: 1.6em;
   margin-bottom: 50px;
}

.further-reading{
   font-weight: bold;
}