/* 
    File: styles/navbar.css
    Author: Yash Balotiya
    Description: This file contains the styles for the navigation bar component.
    Created on: 03/06/2025
    Last Modified: 03/06/2025
*/

header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
    font-size: 18px;
    /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); */
}

.navLogo {
    width: 150px;
}

.navLinks {
    display: flex;
    gap: 30px;
}

.navLinks a {
    text-decoration: none;
    color: #042b8d;
    transition: all 0.3s ease;
}

.navLinks li {
    list-style: none;
}

.navLinks a:hover {
    color: #0a4fdb;
}

/* Responsiveness */
@media (max-width: 450px) {
    header {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}