.contentContainer {
    padding: 2rem;
    max-width: 90vw;
    margin: 0 auto;
    background: rgba(255,255,255,0.05);
    border-radius: 2rem;
    box-shadow: 0 4px 32px rgba(0,0,0,0.07);
}
.contentContainer.transparent {
    padding: 2rem;
    max-width: 90vw;
    margin: 0 auto;
    background: rgba(255,255,255,0);
    border-radius: 2rem;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.content {
    background-color: transparent;
    border-radius: 2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
    .content.transparent {
        background-color: transparent;
        border-radius: 2rem;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin: 0 auto;
        width: 100%;
        border: none;
        
    }

    .content h2, h3, p {
        color: white;
    }

@media (min-width: 800px) {

    .content {
        background-color: white;
        border: none;
        box-shadow: 0 0 10px rgba(0, 0, 0,0.1);
        padding: 3rem 2rem;
    }

        .content h2, h3, p {
            color: #808080;
        }
}