body{

    margin:0;
    padding-top:80px;
    height:3000px;

}

#navbar{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:9999;

    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease,
        backdrop-filter .35s ease;

    background:transparent;

}

/* Après le scroll */

#navbar.scrolled{

    background:rgba(20,20,20,.82);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    box-shadow:0 8px 25px rgba(0,0,0,.25);

}

/* Barre cachée */

#navbar.hide{

    transform:translateY(-100%);

}

/* Barre visible */

#navbar.show{

    transform:translateY(0);

}

.nav-link{

    transition:.3s;

    font-weight:500;

}

.nav-link:hover{

    color:#0dcaf0 !important;

    transform:translateY(-2px);

}