*{
    margin: 0;
    padding: 0;
  }

  .flex-container{
    min-height: 100vh;
    /* border: 8px solid black; */
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
  }

.card {
  background-color: #eaf4f4 !important;
  max-width: 540px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
}

.card:hover{
    background: #BCDCDC;
}

.card:hover .card-title,
.card:hover .card-text {
    color:#339999;
}   

.card {
    transition: all 0.3s;
}

/* #btnview:hover {
    background-color: #BCDCDC;
} */
#cardimg {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
}

#btnview {
    background-color:#339999;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
}
.card:hover .img-fluid .card-body .card-footer .btn{
    box-shadow:
    0 0 6px #ffffff,
    0 0 8px #000000;
}