body {
  background-image: url("dsbg.png");
  background-attachment: fixed;
  background-repeat:repeat-x;
  background-size: auto 100vh;
  background-position: center;
  margin:0;
  font-family:  'MS PGothic', sans-serif;
}

mark {
  background-color:#ffe6e6;
  color:white;
}

.glow {
  text-shadow: 
    0 0 10px #d69292,
    0 0 20px #a36868,
    0 0 30px #734141;
    
}


#cover{
width: 820px;
height: 580px;
border-radius: 15px;
background-color: #D9F2B1;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-image: url('https://i.imgur.com/BspyVOP.png');
box-shadow: 2px 2px 2px #57443E;
padding: 10px;
}

#page1{
background-color: #fff;
border-radius: 15px;
width: 818px;
height: 578px;
padding: 2px;
box-shadow: 0px 0px 2px #57443E;
}

#page2{
background-color: #fff;
border-radius: 15px;
width: 814px;
height: 574px;
box-shadow: 0px 0px 2px #574539;
padding: 2px;
}


#page3{
background-color: #fff;
border-radius: 15px;
width: 814px;
height: 574px;
box-shadow: 0px 0px 2px #574539;
background-image: url('https://i.imgur.com/BspyVOP.png');
}

#line{
width: 1px;
height: 574px;
margin: 0 auto;
background-color: #A19386;
box-shadow: 0px 0px 10px #2e2a27;
}

#leftpage{
float: left;
width: 363px;
height: 544px;
padding: 15px;
}

#rightpage{
float: right;
width: 361px;
height: 544px;
padding: 15px;
}


#box1{
  display: flex;
  flex-direction: column; /* stacks rows */
  gap: 10px;
}

.row {
  display: flex; /* makes columns */
  gap: 0;}

.col {
  display: flex;
  flex-direction: column;
  flex: 1; /* equal width */
  padding: 10px;

}
  
.left-img {
  display: block;
  margin-right: auto;
}

@font-face {
src: url(cvlhz.ttf);
font-family: cvlhz;
}

.name-text{ 
  font-family:cvlhz ;
 font-size: 60px;
   margin-left: -5px;
   color: #ffe2e2;
}

p{
  
  margin:0;
  
}