

.Bar {
    position: relative;
    background-color: #212529;
    height: 6vh;
    width: 100%;
    z-index: 99;
}

.videoNavBar .navLink {
    max-height: 6vh;
    width: auto;
    text-decoration: none;
}

    .videoNavBar .navLink div {
        color: #212529;
        text-decoration: none;
    }

            .videoNavBar .navLink div:hover {
                cursor: pointer;
                opacity: .7;
                background-color: #0a090e;
                transition: .1s;                
                max-height: 5vh;

            }
.navThumbnail:hover #profile-picture {
    cursor: pointer;
    opacity: .7;
    background-color: #2a090e;
    transition: .1s
}


.Bar .navThumbnail #profile-picture {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    max-height: 6vh;
    z-index: 99;
    padding: .4vh 3.75vh .4vh;

}

.videoNavBar {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    height: auto;
    max-height: 6vh;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    background-color: #212529;
}

    .Bar:hover .videoNavBar {
        margin-top: 6vh;
        max-height: 2000px;
        transition: max-height 1.5s ease-in-out, box-shadow 0.6s linear;
    }

        .Bar:hover .videoNavBar .navLink div {
            color: aliceblue;
            transition: color 1.5s;
            transition: background-color .5s;
            padding: 1vh 2.5vh 1vh;
        }


