/* Place text in the middle of the image */
.header-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   
}

   .card-header {
background-color: #0d99cc;
color:black;
}  

 /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f5f5f5;
     padding: 10px;
 }