
.sidenav .navbar-brand {
    padding: 0.5rem 1.5rem;
}

.navbar-vertical .navbar-brand > img, .navbar-vertical .navbar-brand-img {
    max-height: 5rem;
}

.sidenav-header {
    height: 6rem;
}

.car-image.animate-car {
    animation: slide-in 1s ease-out forwards;
}

.car-image {
    position: absolute;
    bottom: 10%;
    text-align: center;
    width: 80%;
}

.car-image img {
    width: 100%;
    height: auto;
}

.login-logo-img {
    max-width: 300px;
    width: 300px;
}

@keyframes slide-in {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    90% {
        transform: translateX(2%);
    }

    100% {
        transform: translateX(0);
    }
}
