.icon {
    width: 50px;
    height: 50px;
    transform: rotate(15deg);
    margin: 5px;
    margin-left: 90px;
    margin-right: 145px;
}

.menu-container {
    display: flex;
    align-items: center;
}
.menua {
    margin-left: -300px;
}
.menu {
    width: 25%;
    padding: 0.1%;
    height: 30px;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-size: 130%;
    border-radius: 5pt;
    position: relative;
    left: 50%; 
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -120px;  /* Ajusta este valor según tus necesidades */
}

.menu:last-child {
    margin-right: 0;  /* Para eliminar el margen del último elemento .menu */
}

.menuimg {
    padding: 0.1%;
    color: white;
    text-align: center;
    position: relative;
    left: 50%; 
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}