img {
    display: block;
    margin: 1em auto;
    max-width: 94%;
}
html {
    background-color: #D5D9EC;
}
section {
    max-width: 80em;
    margin: auto;
    padding: 3em 1em 6em;
    font-family: verdana, helvetica, sans-serif;
    font-size: 120%;
    overflow-x: hidden;
}
.article {
    background-color: #ECEFF2;
}
h1 {
    text-align: center;
    color: #c2001b;
}
h2 {
    padding-left: 2em;
    color: #256093;
}
.blockquote {
    color: #352629;
    padding: 1em 2em;
    background-color: #C5B9CC;
    margin: 1em;
    position: relative;
}
.blockquote:before {
  content: 	"\201c";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 200%;
  font-style: italic;
}
.blockquote:after {
  content: '\201d';
  position: absolute;
  bottom: 0;
  right: 0.5em;
  font-size: 200%;
  font-style: italic;
}
.note {
    display: block;
    color: #56556a;
    font-size: 70%;
    margin-bottom: 1em;
    margin-left: 3em;
}