@charset "utf-8";
/* CSS Document */
.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.card a {
  color: #333 !important;
  text-decoration: none !important; /* no underline */
}
.card h3 {
  text-align: center;
  text-decoration: underline !important; /* underline card heading */
  margin-bottom: 50px;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
}
/* Add rounded corners to the top left and the top right corner of the image */
.card img {
  border-radius: 5px 5px 0 0;
}
/* Add some padding inside the card container */
.card-container {
  padding: 10px 20px 20px; 
}