body {
    background-color: white;
    font-family: Arial, sans-serif;
    animation: fadeIn 1s ease-in;
}

.navbar-nav .nav-item .nav-link {
    transition: color 0.3s ease-in-out;
}

.navbar-nav .nav-item .nav-link:hover {
    color: #007bff;
}

.banner {
    animation: slideIn 1s ease-in-out;
	height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}



