Hamburger menu with hover effect

gistfile1.txt

<div class="scmenu-link-w act" id="sc81">
    <div class="scmenu-link is--top"></div>
    <div class="scmenu-link is--btm"></div>
</div>



div#elementor-popup-modal-373 { 
    z-index: 555!important;  
}
div#navsclinks { 
	cursor:pointer
}
a.dialog-close-button.dialog-lightbox-close-button {
    opacity: 0;
} 
.scmenu-link-w {
    width: 1.5em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0.5em;
    display: flex;
	color:#fff;
	padding:30px
}
.scmenu-link {
    background: currentColor;
}
.scmenu-link {
    width: 2.5em;
    height: 2px; 
}

.scmenu-link.is--top {
    margin-bottom: 0.3rem;
	width: 2.5em;
	    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    height: 2px;
} 
.scmenu-link.is--btm {
    margin-top: 0.3rem;
	width: 2.5em;
	    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    height: 2px;
}   
 
 .darksc .scmenu-link.is--top{ 
    transform: translate3d(0px, 0.25rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-135deg) skew(0deg, 0deg); 
}
 .darksc .scmenu-link.is--btm{ 
    transform: translate3d(0px, -0.42rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(135deg) skew(0deg, 0deg); 
} 
   
   
   
   $("#sc81").click(function(){
  setTimeout(function() {
    $("body").toggleClass("darksc"); 
  }, 100);
});
	
	$(".schomepopsi a").click(function(){
  setTimeout(function() {
    $("body").toggleClass("darksc"); 
  }, 100);
});