@import "colors.css";

.navbar {
    padding: 0;
    background-color: var(--primary-color);
    height: auto;
}

.navbar-container{
    gap: 20px;
}

.nav-link {
    color: var(--text-color);
}

.nav-link:hover{
    color: var(--secondary-color);
}

.navbar-logo{
    height: 100px;
}


.hamburger-icon {
    fill: var(--text-color);  
    transition: fill 0.2s ease;
}

    .hamburger-icon:hover {
        fill: var(--secondary-color);
    }

@media (max-width: 1024px){
    .navbar-container{
        gap: 0;
    }
}