body {
    background-color: rgb(46, 0, 39);
}
h1 {
    color: rgb(255, 200, 50);
    font-size: 50px;
}
ul{
color: rgb(255, 200, 50);
}
ul li {
    display: inline;
    padding: 10px;
}
ul li::marker {
content: none;
} 
p {
color: rgb(255, 212, 137)
}
a {
    color: rgb(255, 200, 50);
}
details summary {
list-style: none;
cursor: pointer;
}
img {
    width: 20%;
    height: auto;
}
.book {
    font-family: 'Georgia';
    color: rgb(255, 200, 50);
}
.candle-gif {
position: absolute;
top: 10px;
left: 20px;;
width: 100px;
height: auto;
border-radius: 100px;
}
.container {
background-color: #411e73;
border-radius: 10px;
border: 5px solid rgb(0, 0, 0);
width: 650px;
height: 800px;
box-sizing:border-box;
position: relative;
margin-left: auto;
margin-right: auto;
}
.container2 {
background-color: rgb(15, 0, 40);
position: relative;
width: 275px;
height: 300px;
margin-left: 10px;
margin-right: 325px;
bottom: 40px;
top: 100px;
}
.txtinbox {
    margin: 5px;
}
.container3 {
background-color: rgb(15, 0, 40);
position: relative;
height: 300px;
width: 275px;
margin-left: 355px;
margin-right: 10px;
bottom: 215px;
}
.current_readimg {
    width: 125px; 
    position: relative;
    left: 80px;
}
.scroll-box {
    width: 600px;
    height: 300px;
    overflow: auto;
    padding: 10px;
}
/*margin: top right bottom left */
.title {
    width: 60%;
    margin-left: 150px;
    text-align: center;
}