body{
  font-family: "Gaegu";
  background-color: aliceblue;
  width: 100vw;
  height: 100vh;
  color: rgb(33, 35, 127);
}

.background-image{
  min-height: 100vh; 
  min-width: 100vw; 
  position: fixed; 
  top: 0px; 
  left: 0px; 
  z-index: -1; 
  opacity: 50%;
}

.background-shadow{
  height: 100vh; 
  width: 100vw; 
  position: fixed; 
  top: 0px; 
  left: 0px; 
  z-index: -1;   
  box-shadow: inset 0px 95vh 400px -300px aliceblue; 
  opacity: 80%;
}

.book {
  border: 7px solid rgb(199, 49, 79);
  background-color: white;
  border-radius: 15px;
  padding: 0 4px;
  width: 60%; /* adjust size */
  max-width: 100%;
  aspect-ratio: 3 / 2;
  display: flex;
  position: fixed;
  top: 10%;
  left: 20%;
  background-image: url(/backgrounds/horizontal-lines.jpg);
  background-color: beige;
  background-blend-mode: soft-light;
}
.pageL,	.pageR {
  height: 100%;
  width: 50%;
  display: inline-block;
  position: relative;
  border-radius: 10px;
}
.pageL {
  border-left: 1px rgb(214, 217, 195) solid;
  box-shadow: -2px 0px 3px rgb(214, 217, 195);
}
.pageR { 
  border-right: 1px rgb(214, 217, 195) solid;
  box-shadow: 2px 0px 3px rgb(214, 217, 195);

  overflow-y: scroll;
}

.pageR-content{
  margin: 10px;
  margin-right: 20px;
}

.pageR img{
  width: 45%;
}

.seam {
  width: 40px;
  background:
    linear-gradient(to right,
    rgba(245, 245, 220, 0), rgb(214, 217, 195), rgba(245, 245, 220, 0));
}

.window-screen{
  opacity: 80%;
}
/* 
.pageR img:hover{
  width: 60vw;
  position: fixed;
  left: 20vw;
  top: 10vh;
  pointer-events: none;
} */

.entry{
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: rgba(252, 252, 247, 0.644);
  padding: 20px;
  padding-bottom: 0px;
  border-radius: 10px;
  border: 2px solid white;
}

/* .entry-background{
  background-color: aliceblue;
  border-radius: 5px;
  width: 100%;
  height: 100%;
} */

h3{
  margin-top: 0px;
  /* font-family: "Inconsolata"; */
  font-weight: bolder;
}

h2{
  margin: 40px 10px 0px 20px;
  text-align: center;
  /* font-family: "Inconsolata"; */
  font-weight: bolder;


}

a{
  display: block;
  color: rgb(33, 35, 127);
  text-decoration: none;
}

li{
  margin-bottom: 10px;
  margin-left: 20px; /*If font is Gaegu*/
}