/* Side Menu */
.side-menu-open {
    float: left;
    padding: 4px;
    cursor: pointer;
    background: white;
    z-index: 9999;
}

.side-menu-open:hover {
    background: lightgrey;
}

.bar1,
.bar2 {
    width: 10px;
    height: 2px;
    background: slategrey;
    margin: 5px;
    transition: 0.4s;
}
.bar1 {
    transform: rotate(45deg);    
}

.bar2 {
    transform: rotate(-45deg);    
}

.change .bar1 {
    transform: rotate(-45deg);
}

.change .bar2 {
    transform: rotate(45deg);
}

#side-menu {
    position: fixed;
    top: 30px;
    left: 0;
    width: auto;
    height: calc(100% - 64px);
    background: white;
    color: slategrey;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid lightgrey;
    z-index: 99;
    transition: .5s;
    overflow-y:scroll;
    scrollbar-width: none;
    
}

.side-menu-options {
    padding: 5px;
}

.side-menu-option {
    padding: 5px;
    cursor: pointer;
}
.side-menu-option.emo:before {
    content:'▶️ ';
}

.side-menu-options li:hover {
    background: steelblue;
    color: cornsilk;
}