.navbar-fixed-left {
    width: 250px;
    position: fixed;
    height: 100%;
}

.navbar-fixed-left + .content {
    margin-left: 250px;
}


.home {
    background-image: url(https://images.unsplash.com/photo-1682687981922-7b55dbb30892?auto=format&fit=crop&q=80&w=3542&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-size: cover;
    background-position: center;
    /*background-attachment: fixed;*/ /* Parallax */
}

ul.about {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.about li {
    padding-left: 12px;
    padding-bottom: 10px;
}

ul.about > li::before {
    content: ">";
    padding-right: 6px;
    color: #0d6efd;
}


#btn-back-to-top {
    /*position: fixed;
    bottom: 20px;
    right: 20px;*/
}

img.portfolio{
    max-width: 300px;
}


.vh-50{
    max-height: 50vh;
}


@media only screen and (max-width: 600px) {
    .navbar-fixed-left {
        position: unset;
        height: 55px;
        width: 100%;
    }

    ul.navbar-nav:first-child {
        display: inline;
        padding-top: 15px;
    }

    ul.navbar-nav .nav-link {
        display: inline;
    }

    .nav-item {
        display: inline;
    }

    .navbar-fixed-left + .content {
        margin-left: 0;
    }

    ul.navbar-nav li a.nav-link span {
        display: none;
    }

    ul.navbar-nav li a.nav-link i {
        margin-right: 15px;
    }

    #home div{
        left: 0 !important;
        width: 100%;
    }

    nav ul:nth-child(2n) {
        display: none;
    }
}



