:root {
    overflow-x: hidden;
}

.headerMenu {
    bottom: unset;
    left: unset;
    /*top: 20px;*/
    right: 0;
    margin: 20px 20px;
    width: 320px;
    display: flex;
    flex-direction: column-reverse;
}

.closeMenu {
    bottom: unset;
    top: 0;
}

#toggleMenu:checked ~ .headerMenu .menuItem {
    transform: translate(0, 50px);

}

.menuContent {
    border-top: solid 1px transparent;
    border-bottom: unset;
}

#toggleMenu:checked ~ .headerMenu > .menuContent {
    border-top: solid 1px rgba(50, 50, 50, 0.1);
    border-bottom: unset;
}