body {
    background-color: #fafafa;
  }
  
  header .row {
    align-items: center;
  }
  
  header h1 {
    font-size: 2.5rem;
  }
  
  nav ul {
    justify-content: end;
  }
  
  nav .nav-link {
    transition: color 0.3s ease; /* Smooth transition for hover effect */
  }
  
  nav .nav-link:hover {
    color: #0056b3; /*on hover */
  }

  .jumbotron {
    background-color: #fff;
    text-align: center;
    padding: 2rem 1rem; 
  }
  
  /* About and Contact*/
  #about-me, #contact-me {
    display: flex;
    align-items: stretch;
  }
  
  #about-me .lead, #contact-me .card-body {
    font-size: 1.2rem; /* Standard font size */
  }
  
  /* Projects*/
  #projects .card {
    margin-bottom: 1rem;
  }
  
  #projects .card-img-top {
    max-width: 100%;
    height: auto;
  }
  
  /* Skills */
  #skills .card-body {
    padding: 1.5rem;
  }
  
  /* Footer */
  footer {
    text-align: center;
    padding: 1rem 0;
  }
  
  .footer-btn:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .my-image {
    max-width: 100%;
    max-height: 220px;
  }
  
  .heading-styled {
    font-size: 2.2rem;
    margin-bottom: 1rem; 
  }