@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

body {
    animation: fadeIn 1s ease-in;
}

nav ul li a {
    transition: transform 0.3s ease;
}

nav ul li a:hover {
    transform: scale(1.1);
    background-color: #0056b3;
}

button {
    transition: background-color 0.3s, transform 0.2s;
}

button:hover {
    background-color: #0056b3;
    transform: scale(1.05);
}

.container {
    transition: box-shadow 0.3s ease;
}

.container:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

footer p {
    animation: fadeIn 1s ease-in;
}