select{-webkit-appearance: none}
.menu-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    position: relative;
}
.hamburger {
    width: 80px;
    height: 7px;
    background: #F2B631;
    transition: 0.25s ease-in-out;
    border-radius: 10px;
}
.hamburger::before,.hamburger::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 7px;
    background-color: #F2B631;
    transition: 0.5s ease-in-out;
    border-radius: 10px;
}
.hamburger::before {
    transform: translateY(-20px);
}
.hamburger::after {
    transform: translateY(20px);
}
.open .hamburger {
    background-color: transparent;
}
.open .hamburger::before {
    transform: rotate(-45deg);
}
.open .hamburger::after {
    transform: rotate(45deg);
}
.menu {
    position: absolute; 
    border: 10px solid #F2B631; 
    border-radius: 25px; 
    background-color: #252839; 
    opacity: 0;
    top: 140px; 
    z-index: 1; 
    width: 97.5%;
    transition: 1s;
    -webkit-transition: 1s;
    pointer-events: none;
    position: fixed;
}