a.hamburger-menu {
    display:grid;
    grid-template-columns: 100%;
    width: 36px;
    height: 36px;
}
.hamburger-menu > * {
    background-color:var(--color_darkest);
    min-height: 4px;
    width: 100%;
}
.hamburger-menu > *:first-child {
    margin-top: auto;
}
.hamburger-menu > *:first-child {
    margin-bottom: auto;
}

.hamburger-line {
    transition: 0.2s ease all;
	margin: auto;
}
.menu-open  .hamburger-line:first-child, .overlay-shown  .hamburger-line:first-child  {
	transform: rotate(45deg) translateX(9px) translateY(8px);
}
.menu-open .hamburger-line:nth-child(2), .overlay-shown  .hamburger-line:nth-child(2) {
	filter: opacity(0%);
}
.menu-open  .hamburger-line:last-child, .overlay-shown  .hamburger-line:last-child {
	transform: rotate(-45deg) translateX(9px) translateY(-8px);
	/*transform: rotate(-45deg);*/
}