/* Logo */
   .navbar-brand {
    font-family: 'Tinos', serif;
  }

  /* Card Links Coloring */

  .card-title a {
    color: #000;
  }
  
  .card-title a:hover {
    color: #333; 
    text-decoration: underline;
  }
  
  .card-text {
    color: #6c757d;

  }
 
  /* Card content text */
  
  .justify-text {
    text-align: justify;
  }

  /* Image hover effect */
  .inner {
    overflow: hidden;

  }

  .inner img {
    transition: all 3s ease;
  }

  .inner:hover img {
    transform: scale(1.3);
  }

  /* set hero baner and removed margin on h2 */
  .hero-banner {
    background: linear-gradient(45deg, hsla(168, 85%, 52%, 0.5), hsla(263, 88%, 45%, 0.5));
    height: 200px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: row;
    color: white;
    border-radius: 1rem;
    transition: filter 1s ease-in-out;
    justify-content: center;
    padding: 1.5rem;
}
  
  .hero-banner:hover {
    filter: hue-rotate(100deg);
  }  

  .hero-banner h2, p{
    margin: 0;
  }

  .fixed-img {
    height: 200px;
    object-fit: cover;
  }