#layer6 { z-index: 10100;
    /*width: auto;*/
    width: 100%;
    height: auto;
    /*position: absolute;*/
    /*position: relative;*/
    position: fixed;
    left: 93%;
    /*right: 190%;*/
    /*bottom: 90%;*/
    bottom: 96%;
    /*padding-top: -10%;*/
    /*display: flex;*/
    display: ruby-base-container;
    margin-bottom: %;
    /*transform: scale(-1, 1);*/


}

#layer6 body{
    margin: 0;
    padding: 0;
    /* 	background-color: #ff4c4c; */
    font-family: sans-serif;
}
*{
    box-sizing: border-box;
}
#layer6 input[type="checkbox"]{
    width: 0;
    height: 0;
    visibility: hidden;

}
#layer6 label{
    /*width: 270px;*/
    /*width: 240px;*/
    width: 159px;
    /*width: min-content;*/
    max-width: 10%;
    /*height: 60px;*/
    height: 50px;
    position: fixed;
    /*top: 50%;*/
    /*top: -120%;*/
    /*top: 40%;*/
    top: -6%;
    /*left: 50%;*/
    /*left: 95%;*/
    left: auto;
    transform: translate(-50%,-50%);
    /*background: black;*/
    background: rgba(0, 0, 0, 0.7);
    /*box-shadow: 2px 5px 5px 3px rgba(0,0,0,.3);*/
    border-radius: 10px;
    /*top: -5.5%;*/
    /*top: -5.5%;*/

    /*top: -70px;*/
    top: -82px;
    /*right: 0px;*/
    right: -71px;
    /*margin-top: 80px;*/
    margin-top: 115px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);

}
#layer6 label div#nav{
    position: fixed;
    /*left: -130%;*/
    left: 200%;
    /*top: 130%;*/
    top: 109%;
    /*width:270px;*/
    /*width: 240px;*/
    /*width: min-content;*/
    width: -moz-available;
    min-width: auto;
    /*background: black;*/
    background: rgba(0, 0, 0, 0.7);
    /*box-shadow: 2px 5px 5px 3px rgba(0,0,0,.4);*/
    opacity: 0;
    transition: 1s left;
    /*border-radius: 10px;*/
    border-radius: 10px;
}
#layer6 a{
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
}
#layer6 label div#nav ul{
    margin: 0;
    padding: 0;

}
#layer6 .fas,span{
    /*font-size: 25px;*/
    font-size: 20px;
    /*line-height: 60px;*/
    /*line-height: 15px;*/
    line-height: 17px;
    margin-left: 10px;
    color: #fff;
    font-weight: 700;
    /*letter-spacing: 2px;*/
    display: flex;
}


#layer6 .fas{
    /*margin: 0 8px 0 75px;*/
    /*margin: 0 8px 0 99px;*/
    margin: 0 8px 0 65.1%;
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    display: flex;
    bottom: 18px;
    width: auto;
    justify-content: center;
}
#layer6 label div#nav ul li{
    text-align: center;
    /*width: 270px;*/
    /*width: 160px;*/
    list-style-type: none;
    /*padding: 15px;*/
    padding: 10px;
    border-bottom: 1px solid white;
    border-radius: 10px;
}
#layer6 div#nav ul li:hover{
    /*background: #00112c;*/
    background: #656565;
    width: auto;
}
#layer6 input:checked + div#nav{
    left: 0;
    opacity: 1;
    /*transition: 1s opacity,*/
    /*!*.3s left;*!     .3s right;*/

    /*transition: 1s opacity,*/
    /*    !*.3s left;*!     .3s right;*/

    transition: 0s opacity,
        /*.3s left;*/     .0s center;

    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);
}