body { /*backdrop*/
  background: #DFD5B4;
background: linear-gradient(180deg, rgba(223, 213, 180, 1) 0%, rgba(207, 191, 151, 1) 100%);
  background-repeat:no-repeat;
  background-attachment:fixed;
	max-height: auto;
		}

.container{
	display:flex;
	gap:20px;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	height:auto;
  position:relative;
  top:30px;
}

 #dragon{
   max-width:400px;
position:relative;
   bottom:430px;
   left:320px;
  }
  #knight{
    max-width:250px;
    position:relative;
    bottom:519px;
    right:515px;
}

#box1{
	text-align:center;
	max-width:700px;
	max-height:350px;
	border-radius:400px/200px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
  background-image: url(https://i.pinimg.com/1200x/71/33/2e/71332e5fb4a472fa9dc27598f33855c5.jpg);
  background-size:30%;
}
.box{
  text-align: center;
	width:700px;
	height:auto;
  background-color:#EBE4D5;
}

.nav-button{
  width:auto;
  height:auto;
  text-align:center;
  font-variant:small-caps;
  font-size:1.2em;
  padding:10px;
  margin:10px;
  border-radius:20px 20px;
  background-color:#DFD5B4;
}

.read-button{
  width:90px;
  height:auto;
  text-align:center;
  font-variant:small-caps;
  font-size:1.2em;
  padding:5px;
  margin:5px;
  border-radius:20px 20px;
  background-color:#DFD5B4;
}

#library{
  display:flex;
	flex-direction:row;
	justify-content:flex-start;
  margin:20px;
  position:relative;
  top:5px;
  text-align:left;
  padding:5px;
}

.book{
  filter:drop-shadow(-4px 10px 5px #85704D);
  align-items:left;
  width:8.7em;
  height:12.4em;
  background-image:url(https://file.garden/akpJXC7cShbwSWp6/book%20covers/do%20you%20like%20my%20dress%20it%E2%80%99s%20got%20pockets.png);
  background-size:100%
}
		
		p.small { /*line spacing*/
  line-height: 0.9;
}
p.big {
  line-height: 1.8;
}

@font-face { /*custom fonts*/
  font-family: ransiteMedieval;
  src: url("https://cullenasaurus.neocities.org/fonts/Ransite%20Medieval/RansiteMedievalPERSONALUSE-Regular.woff");
  p {
    font-family: ransiteMedieval;
  }