body {
    margin: 0;
}

.container {

    margin: auto;
    height: 100vh;
    width: 100vw;
    background-image: url("../img/background-main.jpg");
    background-size: contain;

}

.content {
    margin: 50px;
}

.header {
    background-image: url("../img/top-view-colorful-pencils-lined-dark-background_140725-136472.avif");
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    color: whitesmoke;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    height: 80px;
    margin-bottom: 10px;
}

.header h2 {
    font-family: Alkatra;
    font-size: 50px;
    margin-left: 50px;
    margin-top: 0;
}

.paragraph {

    overflow-y: scroll;
    height: 49vh;
    text-transform: capitalize;
    background-image: url("../img/blackboard.png");
    background-size: cover;
    color: whitesmoke;
    border-bottom: 15px solid rgb(250, 203, 148);
    border-top: 15px solid rgb(250, 203, 148);
    scrollbar-color: rgb(221, 144, 56) rgb(250, 203, 148);

}

.pmain {

    line-height: 2;
    text-indent: 50px;
    font-family: Patrick Hand;
}

.paragraph p {

    margin-inline: 40px;
    font-size: 17px;
    padding: 20px;

}

.title {
    font-family: Alkatra;
    padding-inline: 2;
}

mark {
    padding-inline: 10px;
    border-radius: 4px;
}