.toggle-button {

    position: fixed;

    top: 8px;

    right: 2px;

    padding: 9px 10px;

    margin: 8px 15px 8px 0;

    height: 40px;

    width: 55px;

    cursor: pointer;

    z-index: 3;

}



.bar {

    /* background-color: #ff5252; */

    display: block;

    width: 100%;

    height: 2px;

    border: 0;

    z-index: 99;

    -webkit-transition: all .35s ease;

    transition: all .35s ease;

    background: -webkit-linear-gradient(57.75deg, #0fff60 14.44%, #2cffdd 85.65%);

}

.bar + .bar {

    margin-top: 7px;

}

.middle {

    top: 11px;

}

.bottom {

    top: 22px;

}

.toggle-button:hover {

    opacity: .7;

}

.toggle-active .bar {

    background-color: #fff;

}

.toggle-active .top {

    -webkit-transform: translateY(6px) translateX(0) rotate(45deg);

}

.toggle-active .middle {

   opacity: 0;

}

.toggle-active .bottom {

    -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);

}



.overlay {

    position: fixed;

    background-image: linear-gradient(120deg, #0d2d05 0%, #000000 100%);

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    visibility: hidden;

    opacity: 0;

    z-index: 2;

    -webkit-transition: opacity .35s, visibility .35s, height .35s;

    display: flex;

    align-items: center;

    justify-content: center;



}

.nav-active {

    opacity: 1;

    visibility: visible;

    height: 100%;

/*    max-height: 340px;*/

}

.overlay ul {

    display: block;

    position: relative;

    top: 0px;

    left: 0;

    font-family: 'Manrope';

    font-size: 20px;

    font-weight: 700;

    text-align: center;

    line-height: 50px;

    list-style: none;

    padding: 10px 10px 30px 10px;

}

.overlay ul li {

    display: block;

}

.overlay ul li a {

    color: #fff;

    text-decoration: none;

    background: -webkit-linear-gradient(306deg, #ffffff 14.44%, #2cff86 85.65%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: inline-block;

    font-weight: 300;

}



.overlay ul li .download

{

    margin-top: 25px;

}