.menu-item,
.menu-open-button {
        background: black;
        border-radius: 100%;
        width: 63px;
        height: 80px;
        margin-left: 50px;
        margin-top: 420px;
        position: absolute;
        top: -330px;
        line-height: 60px;
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform ease-out 20ms; transition: transform ease-out 20ms;
}

.menu-open {
        display: none;
}

.hamburger {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transition: transform 20ms;
}

.pulse {
        width: 5px;
        height: 5px;
        background: #fff;
        border-radius: 50%;
        color: #fff;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.menu {
        position: absolute;
        margin-left: 120px;
        margin-top: 175px;
        right: unset;
}

.menu-item:nth-child(3) {
       
        transition-duration: 1100ms;
}

.menu-item:nth-child(4) {
        
        transition-duration: 800ms;
}

.menu-item:nth-child(5) {
        
        transition-duration: 500ms;
}

.menu-item:nth-child(6) {
        
        transition-duration: 200ms;
}

.menu-open-button {
        z-index: 2;
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-duration: 300ms;
        transform: scale(1.2, 1.2) translate3d(0, 0, 0);
        cursor: pointer;
}

.menu-open-button:hover {
        transform: scale(1.4, 1.4) translate3d(0, 0, 0);
}

.menu-open:checked+.menu-open-button {
        transition-timing-function: linear;
        transition-duration: 1700ms;
        transform: scale(1.4, 1.4) translate3d(0, 0, 0);
}

.menu-open:checked~.menu-item:nth-child(3) {
        transition-duration: 1200ms;
        transform: translate3d(615px, 0px, 0);
}

.menu-open:checked~.menu-item:nth-child(4) {
        transition-duration: 1000ms;
        transform: translate3d(450px, 0px, 0);
}

.menu-open:checked~.menu-item:nth-child(5) {
        transition-duration: 700ms;
        transform: translate3d(280px, 0px, 0);
}

.menu-open:checked~.menu-item:nth-child(6) {
        transition-duration: 300ms;
        transform: translate3d(110px, 0px, 0);
}