html{
height: auto;
overflow-x: hidden;
font-family: 'Open Sans', sans-serif;

}
nav{
  background-color: #01416F;
}

h2{
  color: #0000ff;
margin-top: 50px;
}

.card {
        margin: 0 auto; 
        float: none;
        margin-bottom: 10px; 
        border: 0;
         box-shadow: -3px 3px 8px rgba(0, 0, 0, .2);
border-radius: 5px;

}
.card-body{
  background-color: #01416F;


}
.card img:hover {
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.6);

}

.card img {
    width: 100%;
    object-fit: cover;
border-radius: 5px;
height: 20rem;

} 
.body{
    overflow-x: hidden;
  background-color: #DBF3FC;

  }
 .item {
  margin-bottom:30px;
}
.card i{
color: #fff;
 
}
h4{
  color:#DBF3FC ;
}


.item:hover .cover {
  opacity:1;
}
.copyright{
  background-color: #f80b0bf3;

}