header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: end;
    z-index: 9;
}

header .navButton {
    height: 32px;
    width: 64px;
    display: inline-block;
    background-color: transparent;
    margin: 16px;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

header .navButton::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 40%;
    width: 50%;
    height: 5%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    transition: left .1s;
}

header .navButton:hover::before {
    left: 55%
}

header .navButton::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 60%;
    width: 50%;
    height: 5%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    transition: left .1s;
}

header .navButton:hover::after {
    left: 45%
}