body {
  font: normal 17pt/25pt 'Times New Roman', 'Times', serif;
  background-color: #fcf5f5;
  background: linear-gradient(0deg, rgba(235, 242, 201,.5) 0%, rgba(242,201,209,.5) 50%, rgba(216,225,232,.5) 100%);
  color: #363636;
  margin:0;
  padding:0;
}
header {
  background-color: transparent; box-shadow:none;
}
sup { display:relative; top:-1em; font-size: 1em;  line-height: 0;  }
a.note:link {color:green}
a.note:visited {color:green}
a.note:hover {color:red}
.note {scroll-margin-top: 3em;}
li:target {
  background: #fff8c0; 
}
ol {font-size:14pt;  line-height:18pt;  }
ol li {margin-bottom:1em; padding:.2em; margin-top:.5em;  scroll-margin-top: 3em;}
#container {max-width: 37em; margin:auto; padding:6% 6% 0 6%}
#intro {font-size:30pt; line-height:1.3}
h2 {color:green; text-align:center; font-size:29pt}
h3 {text-align:center}
h4 {text-align:center; font-weight:normal; color:grey; font-size:15pt; margin-top:-.25em}
hr {border: 1px solid #BDD9C2; width:75%; margin-bottom:7%}
.bottom {border: 1px solid #BDD9C2; width:30%; margin-left:0; text-align:left; margin-top:3em; margin-bottom:1em}
img {
    width:55%;
    display:block;
    float:right;
     padding-left:1em;
     margin-bottom:.5em;
    }
.right {
    float:right;
    padding-right:0;
    padding-left:1em;
    }
.left {
    float:left;
    padding-left:0;
    padding-right:1em;
    }   
aside {
  font-size: 87%;
  padding: 1em;
  background-color: #ffffdd;
  color: #606060;
  max-width:50em;
  margin:2em auto 2em auto;
  }
.second {
  margin:0 auto 4em 0;
  background-color:#f1f7f1;
}
#explainer, #table-of-contents-summary {max-width:50em; margin:auto;}
#explainer {margin-bottom:3em}
#table-of-contents-summary h2 {color:#363636}
@media only all and (max-width: 700px) {
#intro {font-size:20pt;}
#container {padding-TOP:20%; padding-left:5%; padding-right:5%}
.left, .right {float:none; padding:0}
ol {padding-left:0; margin-left:6%; padding-right:1%}
img {
left:0;
margin:0 auto 1em auto;
padding:0;
width:90%;
left:0;
float:none}
@media only all and (max-width: 400px) {
#intro {font-size:17pt;}
body {font-size: 15pt; line-height:19pt}
#container {padding-left:4%; padding-right:4%}
ol {margin-left: 5%; padding-right: 1%;}

}