.freebak-menu {
    position: relative;
    height: 100%;
    margin-left: -10px;
    left: -50%;
    transition: 0.6s;
    background: linear-gradient(90deg, rgba(217, 231, 236, 0.8) 0%, rgba(250, 251, 255, 0.8) 5%, rgba(247, 248, 255, 0.8) 67%, rgba(91, 227, 246, 0) 100%);
}

.menu-button:hover+.freebak-menu,
.freebak-menu:hover {
    left: 0;
}

.freebak-menu .mnu {
    display: table;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 10%;
}

.freebak-menu .mnu>* {
    display: table-cell;
    vertical-align: middle;
}

.freebak-menu .mnu li {
    position: relative;
}

.freebak-menu .mnu li+li {
    margin-top: 25px;
}


.menu-button {
    position: fixed;
    display: flex;
    align-items: center;
    height: 100%;
    width: 5%;
    margin: 0;
    padding: 0;

}