body {
    background-image: linear-gradient(to bottom, #d7f89d, #92e5cb);
    background-attachment: fixed;
    color: #253933;
}
div.card {
    background-image: radial-gradient(rgba(217, 249, 236, 1), #fafbf3 75%); 
    border:0em;
    border-radius: 0em;
    /* rgba(217, 249, 236, 0) 75%);
    /* background-color: #11a7a8; /* #fafbf5;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); */
}

.box {
    background-color:#fafbf3;
    border-radius: 1em;
}
.box-title {
    background-color:#11a7a8;
    border-radius: 1em 1em 0em 0em; 
}
/* .container > div.card > div.bottomLeftBlock {
    border-radius: 0rem 0rem 0rem 1rem;
}
.container > div.card > div.bottomRightBlock {
    border-radius: 0rem 0rem 1rem 0rem;
}
.container > div.card > div:not([class]), .container > div.card > div.bottomLeftBlock, .container > div.card > div.bottomRightBlock {
    background-image: radial-gradient(rgba(217, 249, 236, 1), #fafbf3 75%); /* rgba(217, 249, 236, 0) 75%);
}
.container > div.card > div.header, .container > div.card > div.subheader {
    grid-column: 1 / -1;
    aspect-ratio: auto;
}
.container > div.card > div.subheader > h2 {
    font-weight: normal;
    font-size: 2rem;
    color: #FFF;
}
.container > div.card > div > font {
    font-size: 0.75rem;
    color: #58897a;
}
.container > div.card > div > img {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
} */