.uppernav{
    background-color: #316DC3;
    height: 50px;
    color: white;
    padding: 5px;
}
.uppernav ul{
    list-style-type:none ;
    color: white;
    padding: 7px;
    text-align: center;
}
.uppernav button{
    color: green;
    font-size: small;
    padding: 5px;
    margin: 4px 0px 4px 6px;
}
#menuBar {
    display: flex;
    flex-wrap: wrap;
    /* margin-left: 50px; */
}

.menubarli ul li {
    color: blue !important;
    border-radius: 22px;
    padding-left: 5px;
    font-weight: 500;
}

.menubarli ul li:hover {
    background-color: #316DC3;
}

.menubarli ul li a:hover {
    color: white !important;
}

#facts{
    background-color: rgb(51, 64, 248);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 50px;

    padding: 75px;
    height: 300px;
 
}
#facts h1{
    font-family: 'Merriweather';
    color: white;
}

#what{
    background-color: rgb(245, 245, 245) !important;
    font-family: 'Merriweather';
}
#what .card{
box-shadow: 3px 3px 3px 3px gray;
height: 200px;

}
#what h3{
    color:#316DC3;
    font-size: 20px;
    font-weight: 600;
    padding-top: 20px;
}
#what img{
    padding-top: 30px;
}
.mission{
    color:#316DC3 ;
}
.gallaey img:hover{
opacity: 0.15;
}
.footer{
    background-color: rgb(39, 39, 41);
    width: 100%;
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: rgb(179, 179, 179);
    padding: 48px 20px 10px 20px;
}