.h2-sub {
    margin-left: 15px;
    font-size: 28px;
    font-style: italic;
}

.intro-logo-container {
    text-align: center;
    width: 444px;
}

.social-icons {
    display: flex;
    justify-content: left; /* Center the icons horizontally */
    align-items: center; /* Center the icons vertically */
    margin: 0 0 10px 0;
    float:right;
  }
  
  .icon-link {
    text-decoration: none; /* Remove underlines from the links */
    margin: 0 10px; /* Add some spacing between the icons */
  }
  
  .icon-link img {
    width: 30px; /* Adjust the width of the icons as needed */
    height: 30px; /* Adjust the height of the icons as needed */
    transition: transform 0.2s; /* Add a small hover effect */
  }
  
  .icon-link img:hover {
    transform: scale(1.2); /* Increase the size of the icons on hover */
  }