body, html {
          margin: 0;
          padding: 0;
          height: 100%;
	  width: 100%;
	  background-color: #fffff8;
	  font-size: 25px;
	  font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	  counter-reset: sidenote-counter;
	  --viewwidth: 100vw;
      }
      .top {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 50px;
          background-color: #fffff8;
	  color: rgb(179,27,27);
	  font-size: 1.5em;
	  padding-top: 15px;
          z-index: 999;
	  padding-left: 20px;
	  border-bottom: 1px solid rgb(179,27,27);
      }
      .middle {
          position: absolute;
          top: 50px;
          bottom: 50px;
          left: 0;
          overflow-y: scroll;
	  padding-left: 5%;
	  padding-right: 20px;
	  margin: 0 auto;
	  padding-bottom:100px;
	  overflow-x: hidden;
	  min-width: 800px;
      }
      .bottom {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 50px;
          background-color: #fffff8;
	  color: rgb(179,27,27);
	  font-size: 1.35em;
	  padding-top: 15px;
	  border-top: 1px solid rgb(179,27,27);
	  font-size: 1.35em;
	  padding-left: 20px;
          z-index: 999;
	  font-size: 80%;
      }

      .sidenote::before {
	  counter-increment: sidenote-counter;
	  content: counter(sidenote-counter)" ";
	  position: relative;
	  vertical-align: super;
	  font-size: 60%;
      }
      .sidenote-number::after {
	  content: counter(sidenote-counter)" ";
	  vertical-align: super;
	  font-size: 70%;
	  margin-right: 0.5em;
      }
      .sidenote {
	  font-size: 60%;
	  position: relative;
	  float: left;
	  clear: left;
	  margin-left: -23vw;
	  text-align: left;
	  top: -0.6rem;
	  width: 20vw;
	  margin-top: 1rem;
      }
			   
      .date {
	  float: right;
	  clear: right;
	  padding-top:10px;
	  margin-right:50px;
      }

      .nav {
	  float: left;
	  clear: left;
	  padding-top:10px;
	  margin-right:50px;
      }

      
      h2 {
	  font-weight: 600;
	  font-size: 1.3rem;
      }

      h3 {
	  font-weight: 600;
	  font-size: 1rem;
      }


      p {
	  /*	  max-width: 700px; */
	  padding-right: 60px;
      }

      .it {
	  font-style: italic;
      }

      .sidebarquote {
	  padding-left: 15px;
      }

      a {
	  color: rgb(179,27,27);
	  text-decoration: none;
      }

      .quote {
	  padding-left: 50px;
	  max-width: 650px;
      }

      blockquote {
	  margin-left: 3.5vw;
	  max-width: 650px;
      }