@keyframes showui {
    from { top: -400px; }
    to { top: 0px}
}

@keyframes hideui {
    from { top: 0px; }
    to { top: -400px}
}

#canvaslayer {
    z-index:-1; 
    top:0; 
    left:0; 
    position:absolute;
    overflow:hidden;
}

#glcanvas {
    position:fixed;
    border:none;
    overflow:hidden;
}

#textlayer {
    z-index:1; 
    top:0; 
    left:0; 
    position:absolute;
    overflow:hidden;
}

#uilayer {
    z-index:2; 
    top:-400px; 
    left:0px;
    height:440px;
    width:vw; 
    position:absolute;
    margin-top:-22px;
    border:none;
    padding:0px;
    transition: top 1s;
    transition-timing-function: ease-in-out;
}

#uilayer:hover {
    top:0px;
}

#uidiv {
    background-color:#CCCCCCCC;
    top:0px;
    left:0px;
    height:400px;
    border:none;
    position: relative;
}

#uihandle {
    background-color:transparent;
    height:40px;

}

#hamburger {
    color:white;
    font-size: 40px;
    margin:10px;
}

#closehamburger {
    color:black;
    font-size: 40px;
    margin:10px;
}