:root{
    --background-shadow: 0 0 20px #0000001f;
} 
.bg-app {
    width: 60%;
    margin: 3vh auto;
    max-width: 500px;
}

.bg-app .bg-app-container{
    padding: 10%;
}


@media only screen and (max-width: 768px) {
    .bg-app {
        width: 100%;
        margin: 3vh auto;
        max-width: 400px;
    }

}


.bg-01 {

    background-color: rgba(0, 0, 0, .75);
    border-radius: var(--border-radius);
    color: #e5e5e5ff;
    box-shadow: var(--background-shadow);
}

.bg-02 {

    background-color: rgba(255, 255, 255, 0.75);
    border-radius: var(--border-radius);
    color: #1a1a1aff;
    box-shadow: var(--background-shadow);
}

.bg-b01 {

    border: 2px solid rgba(0, 0, 0, .75);
    border-radius: var(--border-radius);
    color: #1a1a1aff;
    box-shadow: var(--background-shadow);
}

.bg-b02 {
    border: 2px solid rgba(255, 255, 255, 0.75);

    border-radius: var(--border-radius);
    color: #1a1a1aff;
    box-shadow: var(--background-shadow);
}