main #sec-methodology{
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F7F0B9;
    color: black;
    font-family: ScalySans, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

main #sec-methodology #div-methodology_title{
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

main #sec-methodology #div-methodology_title h2{
    font-size: 3.5rem;
    font-family: MrEaves, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    margin-top: 120px;
}

main #sec-methodology #div-methodology_desc{
    height: auto;
    width: 90%;
}

main #sec-methodology #div-dungeons_e_dragons{
    height: auto;
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
    align-items: center;
}

main #sec-methodology #div-dungeons_e_dragons img{
    width: 35%;
}

main #sec-methodology #div-dungeons_e_dragons p{
    width: 48%;
    margin: 0;
    margin-right: 7%;
}

main #sec-methodology #div-testimonial{
    height: auto;
    width: 90%;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
}

main #sec-methodology #div-testimonial p{
    margin: 0;
    margin-bottom: 20px;
}

main #sec-products{
    height: auto;
    padding: 80px;
    display: flex;
    flex-wrap: wrap;
    background-color: black;
    color: white;
    font-family: ScalySans, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

main #sec-products h2{
    margin: 0;
    margin-bottom: 30px;
    width: 100%;
    font-family: MrEaves, 'Times New Roman', Times, serif;
    font-weight: bold;
    font-size: 3.5rem;
    text-align: center;
}

main #sec-products #div-products{
    width: 100%;
    display: flex;
    justify-content: space-around;
}

main #sec-products #div-products .div-book_desc{
    width: 40%;
}

main #sec-products #div-products .div-book_desc h3{
    text-align: center;
    font-size: 1.75rem;
    color: #F7F740;
}

main #sec-monsters{
    height: auto;
    padding: 50px;
    background-color: #CFAD70;
}

main #sec-monsters #div-monsters_presentation h2{
    margin: 20px 0;
    font-size: 2.25rem;
    font-family: MrEaves, 'Times New Roman', Times, serif;
    font-weight: bold;
    color: black;
}

main #sec-monsters #div-monsters_presentation p{
    margin: 20px 0 40px 0;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: black;
}

main #sec-monsters .div-monster{
    margin: 20px 0;
    display: flex;
    justify-content: space-around;
}

main #sec-monsters .div-monster img{
    width: 25%;
}

main #sec-monsters .div-monster .div-monster_desc{
    width: 65%;
}

main #sec-monsters .div-monster .div-monster_desc h3{
    margin: 20px 0;
    font-size: 1.5rem;
}

main #sec-monsters .div-monster .div-monster_desc p{
    line-height: 1.5rem;
    font-size: 1.1rem;
}