.navbar {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
    opacity: 0.9;
    background-color: #5B5545;
}


.navbar-brand a {
    font-size: 24px;
    font-weight: 700;

    color: #F7F5EF;
}


.navbar-links {
    display: flex;
    align-items: center;
    gap: 30px;
}

.navbar-links a {
    color: #F7F5EF;
    font-size: 16px;
}


.nav-button {
    padding: 5px 12px;
    border-radius: 20px;
}



.contact-button {
    background-color: #c8b18a;
    opacity: 0.9;
    color: #3F3A2F !important;
}

.contact-button:hover {
    background-color: #E8E1D2;
}


.login-button {
    padding: 5px 25px;
    background-color: transparent;
    opacity: 0.9;
    color: #F7F5EF !important;
    border: 1px solid #F7F5EF;
}

.login-button:hover {
    background-color: #F7F5EF;
    color: #3F3A2F !important;
}