div.Menu{
    font-family: 'Roboto Mono';
    position:absolute;
    font-size: medium;
    left: 0px;
    width: 2.5rem;
    height: 8rem;
    top: 20%;
    background-color: cornflowerblue;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    transition: 0.5s;
    align-self: flex-end;
    writing-mode:vertical-rl;
    text-orientation: upright;
    opacity: 50%;
    margin: 0px;
    padding: 0px;
    z-index:1;
}

div.Menu:hover {
    align-items: flex-start;
    text-align: left;
    width: 10rem;
    height: 20rem;
    opacity: 100%;
    transition: 0.5s;
}

h1.menuH{
    font-size: 1.1em;
    margin: 0.5em;
}
div.MenuP{
    writing-mode: horizontal-tb;
    text-orientation: sideways;
    
    margin: 0px;
    padding: 0px;
    z-index:1;
}


li.MenuPX{
    width: 5em;
    left: 0px;
    font-size: small;
    border-top-right-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
    list-style-type: none;
    margin: 0px;
    padding: 0.5em;
    background-color: chocolate;
    transition: 0.5s;
    transition-delay: 0.5s;
}

li.MenuPX:hover{
    background-color: bisque;
    transition: 0.5s;
};

ul{
    margin: 0px;
    padding: 0px;
    background-color: black;
    color: white;
}
a {
    text-decoration: none;
    color: black;
}


div.SecMenu {
    width: 550px;
    height: 1.7em;
    position: absolute;
    left: calc(100% - 550px - 1em);
    top: calc(0% + 1em);
    background-color:cornflowerblue;
    align-items: center;
    vertical-align:middle;
    transition: 0.5S;
    transition-delay: 0.5s;
    border-left: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
    border-bottom-left-radius: 1em;
}

button.LogOut {
    border-radius: 0.5em;
    position: relative;
    width: 6em;
    height: 2.5em;
    margin: 0%;
    background-color: chocolate;
    padding: 0%;
    left: 1.5em;
    font-family: 'Roboto Mono';
    text-align: center;
    margin: 0.5em;
    transition: 0.5S;
    border: cornflowerblue 2px solid;
    outline: #ff9900 solid 1px;   
    
}

button.LogOut:hover {
    background-color: bisque;
    outline:black solid 1px;
    width: 8em;
    left: 0.75em;
    border: cornflowerblue 2px solid;
    outline: #ff9900 solid 2px;  
}



button.SOAPAbacus {
    border-radius: 0.5em;
    position: relative;
    width: 10em;
    height: 2.5em;
    margin: 0%;
    background-color: chocolate;
    padding: 0%;
    left: 1.5em;
    font-family: 'Roboto Mono';
    text-align: center;
    margin: 0.5em;
    transition: 0.5S;
    border: cornflowerblue 2px solid;
    outline: #ff9900 solid 1px;    
}

button.SOAPAbacus:hover {
    background-color: bisque;
    outline:black solid 1px;
    width: 12em;
    left: 0.75em;
    border: cornflowerblue 2px solid;
    outline: #ff9900 solid 2px;  
    }