.flex-container {
    display: flex;
    
    }

    .blink_me {
        animation: blinker 3s linear infinite;
    }

    @keyframes blinker {
        50% {
            opacity: 0;
        }
    }

    .tdSegliTableSelezionato
    {
        background-color: #C44!important;
        font-weight: bolder;
    }

    .flex-container > div {
        margin: 1em;
        padding: 2em;
        font-size: 1.3em;
        text-align: center;
        cursor: pointer;
        flex: 1 0 30%; 
        max-width: 50%;
    } 

    .nascosto
    {
        display: none !important;
    }

    .corretta
    {
        background-color: #090;
        color: white !important;
        font-weight: bolder;
    }

    .sbagliata
    {
        background-color: #900;
        color: white !important;
        font-weight: bolder;
    }


.timeline {
    position: relative;
    width: 100%;
    height: 20px;
    background: #ddd;        /* colore base */
    border-radius: 5px;
    margin: 10px 0;
}
.segment {
    position: absolute;
    top: 0;
    height: 100%;
    background: #4caf50;     /* colore dei pezzi visti */
    border-radius: 5px;
}