body {
  font-family:Garamond;
  background-color:#f8f5f3;
  overflow-y: hidden;
}

#container {
  font-style:italic;
  font-size:2.9vw;
  padding-left:10vw;
  padding-top:5vh;
}

.section {
  cursor: e-resize;
  position:relative;
  top:-3vh;
  overflow-x: hidden;
  /* background-color: yellow; */
}

.section:hover {
  color:gray;
  /* background-color: yellow; */
}

.background0, .background1, .background2 {
  opacity: 0%;
  position:absolute;
  display:none;
  white-space: nowrap;
  z-index: -1;
}

.line {
  height:6.7vh;
}

#about {
  font-size:1.5vw;
  width:70%;
  height:70%;
  position:absolute;
  top:7.5%;
  left: 0;
  right: 0;
  margin: auto;
  padding-left:2%;
  padding-right:2%;
  background-color: white;
  filter: drop-shadow(20px 20px 15px #000);
  overflow-y: scroll;
  border-style: solid;
  border-color: white;
  border-width: 2vw;
  border-radius: 1%;
}

a {
  font-weight: bold;
  text-decoration: underline;
  color:black;
}

a:hover, #exit:hover {
  background-color: black;
  color:white;
}

#more {
  font-style:italic;
  font-size:1.5vw;
  position:absolute;
  right:3%;
  bottom:3%;
  cursor:pointer;
  padding:1%;
}

#title {
  font-size: 2vw;
  font-weight: bolder;
}

#exit {
  font-family:Arial;
  font-size:1.5vw;
  /* font-weight: bolder; */
  position:fixed;
  top:0%;
  right:1%;
  padding:1%;
  cursor:pointer;
}