.navbar-collapse ul {
    animation: 1s ease-out 0s 1 slideLeft;
}

@keyframes slideLeft {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

.navbar-change {
    transition: 500ms ease;
    background: transparent;
}

    .navbar-change.scrolled {
        background: #fafafa;
        color: black;
         
    }
/*loginbuttonncss*/