.social-section {
    background-color: #1a1a1a; /* Dark background */
    color: #fff;
    padding: 50px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
.social-section .section-title {
    font-size: 3rem; /* Larger font size for title */
    color: #ff9800; /* Bright yellow color for title */
    margin-bottom: 20px;
    text-transform: uppercase;
}

.social-section .section-subtitle {
    font-size: 1.5rem; /* Larger subtitle */
    margin-bottom: 40px;
    color: #ccc;
}

.social-icons {
    position: relative;
    height: 300px; /* Height of the area where icons move */
    width: 100%;
    overflow: hidden;
}

.social-icon {
    font-size: 3rem; /* Larger icons */
    color: #fff;
    position: absolute;
    transition: transform 0.3s ease;
    left: 0; /* Start position */
    top: 0; /* Start position */
}

.social-icon img {
    width: 60px;
    height: 60px;
}

.social-icon:hover {
    transform: scale(1.2); /* Enlarge icons on hover */
}

/* Pac-Man icon */
.chaser {
    width: 60px;
    height: 60px;
    position: absolute;
    transition: all 0.3s linear;
    left: 0; /* Start position */
    top: 0; /* Start position */
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px);
    }
}

@keyframes moveIcons {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(200px); /* Adjust based on container size */
    }
}

@keyframes pacmanMove {
    0% {
        left: -80px;
    }
    100% {
        left: 100%; /* Adjust based on container size */
    }
}