*{
    margin:0;
    padding:0;
}

body {
    background-image: none ;
    background-color:cadetblue;
    background-size: contain;
    background-position: left left;
    height: 100vh;
    
    background-position-y: 0 left;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.wrapper{
    width:600px;
    margin:0 0;
}
.wrapper ul{
    list-style:none;
    margin-top:0;
}
.wrapper ul li{
    background:#262626;
    width:90px;
    border:1px solid #fff;
    height:30px;
    line-height:30px;
    text-align:center;
    float:left;
           color: yellowgreen;

    font-size:12px;
    position:relative;
    font-family:big john;

}
.wrapper ul li :hover{
    background:crimson;
 color: #fff;
             font-size:13px;

}
.wrapper ul ul li {
    text-align: left;
}
.wrapper ul ul{
    display:none;
}
.wrapper ul li:hover > ul{
  
    display:block;
}
.wrapper ul ul ul{
    margin-left:90px;
    top:0;
    position:absolute;
}