body {
    background-color: rgba(11, 9, 9, 0.94);
    display: flex;
    padding-left: 200px;
    height: 1920px;
    width: 1080px;
    /* add display flex to enable container positioning */
}

::-webkit-scrollbar {
    width: 1em;
}

::-webkit-scrollbar-track {
    background: hsl(120 75% 50%/ 1);
    border-radius: 100vw;
    margin-block: .5em;
}

::-webkit-scrollbar-thumb {
    background: hsl(120 100% 20%/ 1);
    border-radius: 100vw;
}

::-webkit-scrollbar-thumb:hover {
    background: hsl(120 100% 10%/ 1);
}

.container {
    flex: 1;
    /* add flex 1 to take up remaining space */
}



#sunnyColumn {
    padding-top: 60px;
    font-size: 36px;
    color: rgb(92, 80, 86);
    padding-left: 20px;
    flex: 1;
    /* add flex 1 to take up remaining space */
}

/* CSS for NavBar */
#NavBar {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 10%;
    background-color: #222228;
    height: 100%;
    /* Full height */
    position: fixed;
    /* Make it stick, even on scroll */
    overflow: hidden;
    left: 0;
    /* position navigation to the left */
}

/* CSS for NavBar Anchor Tag i.e. Links  */
#NavBar a {
    color: rgb(255, 255, 255);
    text-align: left;
    padding: 50px;
    display: block;
}

/* Sticky Class Designed to provide Sticky Property to the Navbar using JavaScript */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

link:hover {
    text-decoration: none;
    color: #ffffff;
}

p {
    text-decoration: none;
    color: #ffffff;
}

/*===================*/
/* BOUNCE OUT
/*===================*/

.bounce-out-on-hover {
    display: inline-block;
    vertical-align: right;
    -webkit-transform: perspective(1px) translateZ(0) rotate(0deg);
    /* Add rotate(0deg) */
    transform: perspective(1px) translateZ(0) rotate(0deg);
    /* Add rotate(0deg) */
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

.bounce-out-on-hover:hover,
.bounce-out-on-hover:focus,
.bounce-out-on-hover:active {
    -webkit-transform: scale(0.4) rotate(60deg);
    /* Add rotate(30deg) */
    transform: scale(1) rotate(60deg);
    /* Add rotate(30deg) */
    -webkit-transition-timing-function: cubic-bezier(0.60, 3.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.30, 3.02, 0.30, -0.60);
    color: #38ccda;
}