.logo {
    position: fixed;   /* Stays in place relative to viewport */
    top: 0;            /* Stick to top */
    left: 0;           /* Align to left */
    z-index: 9999;     /* High value to stay above other elements */
    box-shadow: 0 3px 7px rgba(0,0,0,0.6);
    border-radius: 50%;
    left: 10px;
    top: 10px;
    right: 10px;
    width: auto;
    height: 75px;
    cursor: pointer;
}

#userid {
    height: 95px;
    padding-right: 120px;
    line-height: 95px;
    text-align: right;
    font-size: 30px;
    position: fixed;
    right: 0px;
    z-index: 999; 
}

#userid:hover{
    cursor: pointer;
    text-decoration: underline;
}

.menuicon {
    position: fixed;   /* Stays in place relative to viewport */
    top: 0;            /* Stick to top */
    right: 0;           /* Align to left */
    z-index: 999;     /* High value to stay above other elements */
    box-shadow: 0 3px 7px rgba(0,0,0,0.6);
    border-radius: 50%;
    top: 20px;
    right: 20px;
    width: auto;
    height: 55px;
    filter: grayscale(100%);
}

.menuicon:hover {
    cursor: pointer;
    filter: grayscale(0%);
}

#menubox{
    top: 0;
    right: 0;
    width: 400px;
    position: fixed; 
    z-index: 899;
    background-color: rgba(31, 30, 30, 1);
    height: 100%;
    display: none;
}

#menuoption{
    border-bottom: 2px solid #85a3e0;
    widt: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 35px;
    color: white;
}
#menuoption:hover{
    background-color: rgba(255,255,255,0.7);
    cursor: pointer;
}

#menuheader{
    border-bottom: 2px solid #85a3e0;
    background-color: #d6e0f5;
    widt: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    color: #85a3e0;  
    cursor: pointer;
}

#menuspacer{
    background-color: #85a3e0;
    widt: 100%;
    height: 100px;
}