*{
    padding:0;
    margin:0;
}
 
.menuOpen{
    width: 0;
    height:100%;
    top:1px;
    background-color: #14632a;
    display:block;
    position:fixed;
    top:0;
    right:0;
    transition: all ease-out 1s;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.menu{
    display: flex;
     justify-content: center;
    align-items: center;
    flex-direction: column;
    /* background-color: aqua; */
    /* display:block; */
    position: sticky;
    /* position: sticky; */
    top:0px;
    /* right:30px; */
    width:100px;
    height:70px;
    float:right;
    z-index: 999;
}
.span{
    display:block;
    width:70px;
    height:3px;
    background:#14632a;
    /* margin-right:30px; */
    margin-top:7px;
    margin-bottom:7px;
    transition: all ease 1s;
}

body > main > div.menuOpen{
    /* opacity:0; */
    color:#14632a;
    font-size:30px;
}
body > main > div.menuOpen > a{
    opacity:1;
    font-size:30px;
    text-decoration: none;
    margin-left:700px;
    transition: all ease 1s;
    color:bisque;
    text-shadow:#14632a 2px 2px;
}

body > main > div.menuOpen > a:hover{
    color:coral;
}