body {
  background-image: url("bloodbornebg.png");
  background-color: #000;
  overflow: hidden;
}

 
.fondamento-regular {
  font-family: "Fondamento", cursive;
  font-weight: 400;
  font-style: normal;
}

.fondamento-regular-italic {
  font-family: "Fondamento", cursive;
  font-weight: 400;
  font-style: italic;
}

.bellefair-regular {
  font-family: "Bellefair", serif;
  font-weight: 400;
  font-style: normal;
}

 
#main{
position: absolute;
left: 20%;
top: 50%;
width: 450px;
height: 525px;
}

#waking{
position: absolute;
left: 35%;
top: 92%;
width: 450px;
height: 525px;
}
 
#box{
  width: 450px;
height: 525px;
background-color: rgba(255, 255, 255, 0.5);
padding: 10px;
overflow: scroll;
overflow-x: hidden;
height: 250px;
font-weight: normal;
font-size: 18px;
font-family: "garamond", serif;
line-height: 15px;
}
 
#box p{
margin-top: 10px;
font-size: 10px;
}

 
#main{
width: 475px;
height: 100vh;
position:fixed;
left: 170px;
background-color: #fff;
overflow: scroll;
overflow-x: hidden;
border-width: 0px 3px 0px 5px;
border-style: solid;
border-color: #0060F0;
}
 

a{
text-decoration: none;
color: #D74329;
 font-family: "Fondamento", serif;
font-size: 13pt;
}

b{
color: #D74329;
font-weight: bold;
 font-family: "fondamento", serif;

}
 
::-webkit-scrollbar{
width: 6px; 
}
 
::-webkit-scrollbar-track{
background-color: transparent;
}
 
::-webkit-scrollbar-thumb{
background-color: #39414C;
}

h1{
margin: 0px;
color: #0060F0;
font-size: 50px;
text-transform: lowercase;
text-align:right;
font-family: "Story Script", sans-serif;
}