.profile-pic {
    width: 120px; /* Set desired size */
    height: 120px; /* Same as width to maintain a square shape */
    object-fit: cover; /* Crop the image to fit the container */
    object-position: center; /* Ensure the central part of the image is visible */
    border-radius: 50%; /* Make the image circular */
    overflow: hidden; /* Ensure the circular clipping works */
  }
  
  .icon {
    width: 32px; /* Adjust size as needed */
    height: 32px; /* Same as width to maintain proportions */
  }
  
  #introduction, #projects, #footer {
    background-color: #1C325B;
    color: white;
  }

  .custom-button {
    color: black; /* Text color */
    border: 1px solid black; /* Outline color */
    background-color: transparent; /* Transparent background */
  }
  
  .custom-button:hover {
    color: white; /* Change text color on hover */
    background-color: #1C325B; /* Dark blue background on hover */
    border-color: #1C325B; /* Optional: Change outline to match */
  }
  
  p, .col {
    font-size: 1.2rem;
  }

  #projects img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top;
  }

  .card-title {
    font-weight: bold;
  }