/* blu base #234463
rosso levetta #E84A52
verde levetta #39AA25
bianco font #f4ebe8 */


.base {
    background-color: #234463;
    color: #f4ebe8;
    height: 4.5em;
    margin-top: 10em;
    margin-bottom: 7em;
}

.asseX {
    transform: translateY(-7em);
}

.gruppo {
    display: flex;
}

.contenitore-numerino {
    text-align: center;
    margin: auto;
    width: 16%;
}

.numerino {
    font-size: .6em;
}


@media (min-width: 544px) {
    .numerino {
        font-size: .8em;
    }
}

@media (min-width: 768px) {
    .numerino {
        font-size: 1.2em;
    }
}

@media (min-width: 850px) {
    .numerino {
        font-size: 1.5em;
    }
}

.levetta {
    display: inline-block;
    height: 8em;
    transition: all ease .3s;
    cursor: pointer;
    width: 100%;
}

.rossa {
    background-color: #E84A52;
}

.verde {
    background-color: #39AA25;
}

.levetta:not(.chiusa) {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
}

.levetta.chiusa {
    border-bottom-left-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.chiusa {
    transform: translate(0, 100%);
}

.comandi {
    margin-top: 2em;
}

.comandi button {
    width: 14em;
    text-align: center;
}

.nascosto {
    display: none;
}