#side-bar {
    background-color: rgba(85,0,51, 0.7);
    width: 250px;
    height: 150%;
    position: fixed;
    top: 0;
    left: -250px;
    z-index: 2;
    ul {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
        li {
            list-style: none;
            text-align: left;
            font-size: 18px;
            margin: 25px;
            a {
                color: white;
                text-decoration: none;
            }
        }
    }
    button {
        background-color: rgba(192,192,192, 0.7);
        color: white;
        border: none;
        box-sizing: border-box;
        font-size: 20px;
        width: 100px;
        height: 2em;
        transform: rotate(90deg);
        transform-origin:left bottom;
        position: absolute;
        top: 150px;
        left: 100%;
    }
}