#chapter-1 {
    margin: 0;
    padding: 1rem 1rem 1rem 1rem;
    height: fit-content;
    width: 100%;
    color: #fff;
    background: url("../images/lore1.png") center/cover ;
}

.chapter-content {
    position: relative;
    margin: 0 auto;
    padding: 1rem 1rem 1rem 1rem;
}

#chapter-1 h2,
#chapter-2 h2,
#chapter-3 h2{
    font-size: 3rem;
    margin: 1rem 0 0 0;
}

#chapter-1 .chapter-header > span,
#chapter-2 .chapter-header > span,
#chapter-3 .chapter-header > span{
    font-size: 1.7rem;
    margin: 1rem 0 0 0;
}

#chapter-1 p,
#chapter-2 p,
#chapter-3 p{
    width: 50%;
    text-align: justify;
}

#chapter-2 {
    margin: 0;
    padding: 1rem 1rem 1rem 1rem;
    height: fit-content;
    width: 100%;
    color: #fff;
    background: url("../images/lore2.png") center/cover ;
}

#chapter-3 {
    margin: 0;
    padding: 1rem 1rem 1rem 1rem;
    height: fit-content;
    width: 100%;
    color: #fff;
    background: url("../images/lore3.png") center/cover ;
}