body{
  background-color: rgb(240, 239, 239);
}
#body{
  min-height: 70vh;
  max-width: 40vw;
  margin-left: 30vw;
}
section{
  margin-left: 5%;
  width: 90%;
}
#body h1{
  border-bottom: solid gray 1px;
  margin-top: 2em;
}
#body h2{
  border-left:  gray solid 0.3em;
  padding-left: 0.5em;
  border-bottom: dotted gray 1px;
}

#index{
  list-style-type: disc;
  line-height: 5ex;
}
#index a{
  color: black;
}
.to-top{
  color: black;
  padding-left: 1em;
}


ul{
  list-style-type: none;
}
dt {
  clear: left ;
  margin-bottom: 1.5ex;
  margin-left: 2em;
}
dd {
  margin-left: 1em ;
  font-weight: bold;
  margin-top: 1.5ex;
}
@media screen and (max-width: 1000px) {
  #body{
    max-width: 95vw;
    margin-left: 2.5vw;
  }
  #body h1{
    border-bottom: solid gray 1px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}