.kosugi-maru-regular {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}


body {
  font-family: 'Kosugi Maru', sans-serif;
  background-image: url(https://i.imgur.com/LCRQAiI.jpeg);
}

container {
  margin: auto;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

#main {
  display: flex;
  width: 600px;
  border: 1px dotted #561da1;
  padding: 7px;
  flex-direction: column;
  background-color: #fff1e0;
  height: 600px;
}

#side {
  align-items: center;
  display: flex;
  width: 300px;
  border: 1px dotted #561da1;
  padding: 7px;
  flex-direction: column;
  background-color: #fff1e0;
  height: 600px;
  overflow-y: scroll;
}

#side div {
   align-items: center;
   display: flex;
   flex-direction: column;
}

#main p, #about p {
  margin: auto;
}

.special {
  color: #ffffff;
  text-shadow: -1px 0 #704431, 0 1px #704431, 1px 0 #704431, 0 -1px #704431;
  font-weight: bold;
  margin: 3px;
  display: inline-block;
}

#flex {
 display: flex; 
 flex-direction: column;
}

.shelf {
 position: relative; 
}

.shelfimg {
  position: absolute; 
  height: 125px;
  width: 600px;
  z-index: 1;
}

.figure:hover {
  transform: scale(1.25);
}

a {
	color: #704431;
	text-decoration: none;
	letter-spacing: 1px;
	transition: 0.5s;
}

a:hover {
  letter-spacing: 3px; 
  text-decoration: underline;
}