h1{text-align:center}
.main-container{display:flex;flex-wrap:wrap;justify-content:center;.container{width:22%;height:220px;margin:10px;border:.5px solid #989595;border-radius:1em;box-shadow:7px 5px 5px #d5d1d1}
.head{display:flex;height:34%;padding:5px 8px 0 8px;border-radius:1em 1em 0 0;.main-head{font-size:1.3em;height:90%;width:90%;color:white;display:flex;justify-content:center;align-items:center}
}
.content{height:64%;padding:5px 8px 0 8px;.top-content{height:20%}
.main-content{font-size:1em;display:flex;justify-content:center;align-items:center}
}
}
span{font-family:Arial,sans-serif;display:block;color:#403f3f}
p{color:#403f3f;font-family:Arial,sans-serif;text-align:center}
.red{background-color:#c00}
.green{background-color:#1ebf1e}
.icon-class{background-image:url('editor/images/info-16.png');background-repeat:no-repeat;position:absolute;width:16px;height:16px;margin-top:1.4em}