/* Reset default margin and padding */
body, html {
    margin: 0;
    padding: 0;
}

/* Style for social icons container */
.social-icons {
    /*        
    position: fixed;
    top: 62%;  
    transform: translateY(-50%); 
    left: 20px; 
    z-index: 999; 
    */
 

    /* On the Right B */
    position: fixed;
    top: 50%; /* Adjust vertical position as needed */
    transform: translateY(-50%);
    right: 20px; /* Position icons 20px from the right side */
    z-index: 999; /* Ensure icons are above other content */
    display: flex;
    flex-direction: column;
    /* flex-direction: row; */
    align-items: flex-end; /* Align icons to the right within the container */
    /* On the Right E */
    
}

/* Style for individual social icon links */ 
.social-icons a {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}

/* Style for social media icons */
.social-icons img {
    width: 40px; /* Adjust icon size as needed */
    height: 40px; /* Adjust icon size as needed */
    border-radius: 50%; /* Make icons round */
    transition: transform 0.3s ease; /* Add transition effect */
}

/* Hover effect for social media icons */
.social-icons img:hover {
    transform: scale(1.2); /* Increase icon size on hover */
}