.icon {
display: inline-block;
width: 1em;
height: 1em;
position: relative;
}
.hamburger-top,
.hamburger-mid,
.hamburger-bot {
width: 100%;
height: 20%;
position: absolute;
left: 0;
top: 0;
background-color: var(--text-color);
}
.hamburger-mid {
top: 40%;
}
.hamburger-bot {
top: 80%;
}