/* https://jonsuh.com/hamburgers/ */

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

.nav{
    z-index: 99999;
    position: fixed;
    width: 0vw;
    height: 100vh;
    background-color: rgb(46, 51, 54);
    opacity: 0;
    transition: all .5s ease-in-out;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    align-items: center;
    justify-content:center;
}

.nav1{
    z-index: 99999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgb(46, 51, 54);
    opacity: 1;
    transition: all .5s ease-in-out;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    align-items: center;
    justify-content:center;
}

.nav_button{
    cursor: pointer;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    height: 50px;
    width: 50px;
    z-index: 999999;
    top: 50px;
    right: 50px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    filter: drop-shadow(0px 10px 10px #20242c56);
    transition: all .2s ease;
    transform: scale(1); 
    user-select: none;
    opacity: 0.5;
}
.nav_button:hover{
    filter: drop-shadow(0px 10px 18px #20242c56);
    opacity: 1;
    /* transform: scale(1.13); */
}

/* ZOOM SUR L ICON 
.nav_button img {
    transition :transform .9s ease;
}
.nav_button:hover > img{
    transform: scale(1);
} */

/* .nav_button:hover + .nav {
    opacity: 1;
    width: 100vw;
} */


.nav_item{
    font-family: Raleway;
    font-weight: bold;
    font-size: 65px;
    color: white;
    width: 30vw;
    /* margin-left:33.333%; 
    margin-right:33.333%;  */
    transition: all .3s ease;
    /* transition-delay: 0.3s; */
    opacity: 1;
    text-align: left;


    padding: 10px;
    transform: scale(1);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.nav_item:hover{
    transform: scale(1.2);
    border-bottom: 1px solid white;
}
/* .nav_item::before{
    z-index: 9999999;
    background-color: red;
    width: 100px;
    height: 100px;
    vertical-align: middle;
} */