body {
    margin: 0;
    font-family: Arial, sans-serif;
}


.card {
    border: none;
    border-radius: 15px; /* Rounded corners for a softer look */
    background: #ffffff; /* White background for a clean look */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    margin: 10px; /* Add some margin for spacing */
}

.card-title {
    font-weight: bold;
    font-size: 1.5rem;
}

.social-icons {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

    .social-icons a {
        transition: transform 0.3s;
    }

        .social-icons a:hover {
            transform: scale(1.2); /* Scale effect on hover */
        }

img {
    border: 3px solid #007bff; /* Border around the logo */
    max-width: 100%; /* Ensure image is responsive */
    height: auto; /* Maintain aspect ratio */
}

.list-unstyled li {
    margin-bottom: 0.5rem;
}
@keyframes backgroundChange {
    0% {
        background-color: #f8f9fa;
    }
    /* Initial color */
    50% {
        background-color: #007bff;
    }
    /* Middle color */
    100% {
        background-color: #f8f9fa;
    }
    /* End color */
}


/* Responsive Styles */
@media (max-width: 768px) {
    .card {
        margin: 10px 0; /* Adjust margin for smaller screens */
    }

    .card-title {
        font-size: 1.25rem; /* Smaller title for mobile */
    }

    .social-icons {
        flex-direction: column; /* Stack icons vertically */
        align-items: center; /* Center the icons */
    }
}