/* Full width main tag */
main {
    width: 100%;
}

/* Each show section spacing */
.show-section {
    margin-bottom: 4rem;
}

.centerer {
    text-align: center;
}

/* Shared layout for section content */
.requiem-section-content {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    justify-content: center;
    padding: 2rem;
    background-color: #cb6ce64d; /* 10%: 1a; 20%: 33; 30%: 4d; 40%: 66; 50%: 80; 60%: 99; 70%: b3 */
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
    width: auto;
}

.persephone-section-content {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    justify-content: center;
    padding: 2rem;
    background-color: #210d1d4d; /* 10%: 1a; 20%: 33; 30%: 4d; 40%: 66; 50%: 80; 60%: 99; 70%: b3 */
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
    width: auto;
}

/* Images in section content */
.requiem-section-content img {
    flex: 1 1 250px;
    max-width: 300px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Text block in section content */
.requiem-section-content .text {
    flex: 1 1 300px;
    max-width: 500px;
}

/* Heading style inside text blocks */
.requiem-section-content .text h2 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #82745f;
}

/* Images in section content */
.persephone-section-content img {
    flex: 1 1 250px;
    max-width: 300px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Text block in section content */
.persephone-section-content .text {
    flex: 1 1 300px;
    max-width: 500px;
}

/* Heading style inside text blocks */
.persephone-section-content .text h2 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #fff;
}

/* Divider between sections */
.divider {
    height: 2px;
    margin: 3rem auto;
    background: linear-gradient(to right, #cfb8ff, #8b52ff, #eec3fa);
    width: 80%;
    border-radius: 2px;
}

/* Reversed layout support */
.reverse .persephone-section-content, .reverse .requiem-section-content{
    flex-direction: row-reverse;
}