body{
    background-image: radial-gradient(#84b0c9 20%, transparent 20%),
                     radial-gradient(#fafafa 20%, transparent 20%),
                     radial-gradient(#84c1c9 20%, transparent 20%);
    background-color: #84b0c9!important;
    /*background-image: url("invert.png");*/
    font-size: 115% !important;
    background-position: 0 0, 24px 24px;
    background-size: 24px 24px;
  
}
.mainPill {
    border-radius: 15px !important;
    font-size: 150% !important;
}
.jumbotron.text-center {
    background: #ffffddad;
}
.text-right {
    text-align:right;
}
.titleImage{
    height:148pt;
    margin:2em;
}
.container {
    /*background: #4b88d8;
    border: solid #e2fdff45 !important;*/
    padding:1.5em !important;
    /*border-radius: 25% 3px 50px 3px;
    -webkit-box-shadow: -11px -4px 43px -4px rgba(213,243,245,1);
-moz-box-shadow: -11px -4px 43px -4px rgba(213,243,245,1);
box-shadow: -11px -4px 43px -4px rgb(208, 246, 253);*/
}

.explainPills {
    background: #fffffffa!important;
    border: solid #9fd6daab !important;
    margin: 1em 0;
    padding: 0.5em;
}
.catPills{
    border-radius: 100px 3px 50px 3px;
    padding: 0.7em;
    background:#005677;
    color:white;
    min-height: 100px;
    border: solid #9fd6daab !important;
    -webkit-box-shadow: -11px -4px 33px -4px rgba(213,243,245,1);
    -moz-box-shadow: -11px -4px 33px -4px rgba(213,243,245,1);
    box-shadow: -11px -4px 33px -4px rgb(208, 246, 253);
}
.row {
    margin:1em 0;
}
.catPills h3 {
    text-align: right;
}
.catPills .card{
    margin:0.5em 0;
    background: #fffffffa !important;
    border: solid #9fd6daab !important;
}
.catPills * * {
    color:black
}
.catContainer {
    padding: 1em;
}
.top-menu {
    background: white;
    padding: 0;
}
.top-menu .navbar {
    padding: 0 1em;
    border-bottom: solid #9fbddaab !important;
}
.top-menu img {
    height: 90px;
    padding: 5px;
}