.social-media {
            display: flex;
            justify-content: center;
            gap: 20px;
    background-color: black;
    padding-top: 20px;
    
        }

        .social-media a {
            font-size: 2rem;
            color: white;
        
            transition: color 0.3s ease;
        }

        .social-media a:hover {
            color: #007bff; /* Change to the desired hover color */
        }

        @media (max-width: 600px) {
            .social-media a {
                font-size: 1.5rem;
                color: white;
            }
        }