#hamburger-toggle:checked + #menu {
    display: block;
}

#hamburger-btn {
    width: 20px;
    height: 20px;
}

#hamburger-btn span {
    border-radius: 10px;
    height: 10%;
    margin: 10% 0;
}

#hamburger-btn #hamburger-toggle:checked ~ span:nth-of-type(1) {
    transform-origin: top;
    transform: rotatez(45deg) translate(25%, 200%);
}

#hamburger-btn #hamburger-toggle:checked ~ span:nth-of-type(2) {
    transform-origin: left;
    transform: scaleX(0);
}

#hamburger-btn #hamburger-toggle:checked ~ span:nth-of-type(3) {
    transform-origin: bottom;
    transform: rotatez(-45deg) translate(25%, -200%);
}