.navbar {
    padding-left: 10%;
    padding-right: 10%;

    @media (max-width: 768px) {
        padding-left: 1%;
        padding-right: 1%;
    }
}

.navbar-nav {
    .nav-item {
        margin-left: 0.25em;
        margin-right: 0.25em;

        font-family: 'Work Sans';
        font-weight: 400;
        font-style: normal;
    }

}


.competences-dropdown {
    background-color: #212529;

    .dropdown-item {
        color: white;
    }

    .dropdown-item:hover {
        background-color: #343a40;
    }

}

.contact-dropdown {
    background-color: #212529;

    .dropdown-item {
        color: white;
    }

    .dropdown-item:hover {
        background-color: #343a40;
    }

}