.banner-image {
    background-image: url('img/bg.jpg');
    background-size: cover;
}


.navbar {
    transition: all 0.5s;
}

.navbar-scrolled {
    background-color: black;
    box-shadow: 0 3px 10px rgba(0, 0,0, 0.15);
}


.nav-link {
    transition: all 0.2s;
    position: relative;
}

    .nav-link::after {
        content: '';
        opacity: 0;
        transition: all 0.2s;
        height: 2px;
        width: 100%;
        background-color: chocolate;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .nav-link:hover::after {
        opacity: 1;
    }