body {
  margin: 0;
  padding:0;
  font: normal 16pt/1.7 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#F5F5F5;
  background-color: #40362f;
}
a:link {color: #8eff47}
a:visited {color: #8eff47}
a:hover {color:yellow}
#container {
    padding:8% 12.5% 0 12.5%;
    background-color:#40362f;
	max-width: auto;
	margin:auto;
}
p {
	max-width:55em;
	margin: 1em auto; 
   }
#pix img { display:block; margin:4em auto; width:60%}
.top-image {width:60%; height:auto; margin:0 auto 8% auto; display:block}
hr {
   border: .5px solid #F5F5F5; 
   width:35%; 
   margin-bottom:6%;
}
.player {
   width:120%; 
   position:relative; 
   left:-10%; 
   padding-top:2em; 
   padding-bottom:1em
}
aside {
    background-color:#1e2816; 
    font-size:80%;
    max-width:55em; 
    padding:2%;
    margin:2em auto;
}
.materials {
   max-width:60em; 
   margin:auto; 
   background-color: #1e2816; 
   padding:1em; 
}
header h1 {
    color:#ddd
}
header h1:hover {
    color: #8eff47;
}

#returnto svg {
  fill: #ddd;
}
#returnto svg:hover {
  fill: #8eff47;
}
h2 {
  margin: .0 auto 0 auto; 
  width:100%
  height: auto;
  animation-name: showLazyImg; 
  animation-duration: 3s; animation-fill-mode: both; 
  text-align:center;
} 
@keyframes showLazyImg { 
  from { opacity: 0; } to { opacity: 1; } }
h3 {
  margin-top: 0;
  margin-bottom:.7em;
  font-size:2.2vw;
  text-align:center;
  text-shadow: 0 0 13px #8eff47;
}
h2, h3, h5 {
  font-weight: normal;
}
#table-of-contents-summary {
   padding:4%;
   background-color: #1e2816;
}
#table-of-contents-summary h2 {text-shadow:none; animation:none; color:lightgrey}
#table-of-contents-summary h3 {text-shadow:none; animation:none; color:lightgrey}

@media only all and (max-width: 900px) {
.top-image {width:90%; height:auto; margin:0 auto 8% auto; display:block}

#container {padding:20% 2.5% 0 2.5%}
h2 {width:100%}
h3 {font-size:4.5vw}
p, aside {max-width:90%}
.player {
   width:100%; 
   position:relative; 
   left:0; 
   padding-top:2em; 
   padding-bottom:1em
    }
.materials {padding:.5em; margin-left:2.5%; margin-right:2.5%}
hr {width:60%}
body {font-size:13pt; line-height:1.5}
aside {margin-left:2.5%; margin-right:2.5%}
#pix img {margin:3em auto; width:90%}

}