.card_row {
display: flex;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
margin-top: 8px;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.card_flex {
flex: 1;
margin: 4px;
min-width: 250px;
}
.card {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
margin-top: 8px;
}
.header_lila {
background-color: #ddcef2;
text-align: left;
padding: 8px;
border: 1px solid #afa3bf;
font-size: 110%;
font-weight: bold;
}
.container_lila {
padding: 8px;
background-color: #faf5ff;
text-align: left;
border-left: 1px solid #afa3bf;
border-right: 1px solid #afa3bf;
border-bottom: 1px solid #afa3bf;
}
.header_yellow {
background-color: #faecc8;
text-align: left;
padding: 8px;
border: 1px solid #fad67d;
font-size: 110%;
font-weight: bold;
}
.container_yellow {
padding: 8px;
background-color: #faf6ed;
text-align: left;
border-left: 1px solid #fad67d;
border-right: 1px solid #fad67d;
border-bottom: 1px solid #fad67d;
}
.header_blue {
background-color: #d0e5f5;
text-align: left;
padding: 8px;
border: 1px solid #94cdf8;
font-size: 110%;
font-weight: bold;
}
.container_blue {
padding: 8px;
background-color: #e3eff7;
text-align: left;
border-left: 1px solid #94cdf8;
border-right: 1px solid #94cdf8;
border-bottom: 1px solid #94cdf8;
}
.header_green {
background-color: #d2f0ee;
text-align: left;
padding: 8px;
border: 1px solid #b8d7d5;
font-size: 110%;
font-weight: bold;
}
.container_green {
padding: 8px;
background-color: #f5fbfb;
text-align: left;
border-left: 1px solid #b8d7d5;
border-right: 1px solid #b8d7d5;
border-bottom: 1px solid #b8d7d5;
}