ul {
    list-style: none; /* Remove default bullets */
  }

  /*  questo è lo stile nel caso degli schermi con touchsreen  */
  @media (any-pointer: coarse){

    .flex-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        min-height: 400px;
    }
    .testo {
        font-family: Arial, Helvetica, sans-serif;
        /*font-size: x-large;*/
        font-size: 5vw;
        
    }
    
    .testo-domande-standard {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        align-items: center;
        justify-content: center;
        /*max-width: 700px;*/
        min-height: 900px;
    }
    
    /*definizione delle liste*/

    .p{
        font-size: 40px;
    }

    .testo-h2{
        font-size: 55px;
    }

    .testo-h3{
        font-size: 50px;
    }

    .testo-span{
        font-size: 48px;
    }

    .dott-positivo{
        margin: 10px;
        font-size: 48px; 
        color: green;
    }

    .dott-negativo{
        margin: 10px;
        font-size: 48px; 
        color: red;
    }

    /* aggiungo un dott di prova per vedere se viene applicato */
    .dott-strano{
        margin: 10px;
        font-size: 48px; 
        color: darkmagenta; 
    }

    .prova-selezione-positiva-flex{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-large /*150 px*/;
        margin: 10px;
        padding: 10px;
        border-width: 3px;
        border-style: hidden;
    }
    .prova-selezione-positiva-flex:hover{
        border-width: 3px;
        background-color: lightgreen;
        border-color:  darkgreen;
        border-style: solid;
        border-radius: 10px;
        padding: 7px;
    }
    .prova-selezione-positiva-flex-selezionata{
        border-width: 1px;
        background-color: lightgreen;
        border-color: darkgreen;
        border-style: solid;
        border-radius: 10px;
        padding: 9px;
    }
    .prova-selezione-positiva-flex-selezionata:hover{
        border-width: 3px;
        background-color: lightgreen;
        border-color: darkgreen;
        border-style: solid;
        border-radius: 10px;
        padding: 7px;
    }
    .prova-selezione-negativa-flex{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        margin: 10px;
        padding: 10px;
        border-width: 3px;
        border-style: hidden;
    }
    .prova-selezione-negativa-flex:hover{
        background-color: rgba(240, 128, 128, 0.5);
        border-color: darkred;
        border-style: solid;
        padding: 7px;
        border-radius: 10px;
    }
    .prova-selezione-negativa-flex-selezionata{
        border-width: 1px;
        background-color: rgba(240, 128, 128, 0.5);
        border-color: darkred;
        border-style: solid;
        padding: 9px;
        border-radius: 10px;
    }
    .prova-selezione-negativa-flex-selezionata:hover{
        border-width: 3px;
        background-color: rgba(240, 128, 128, 0.5);
        border-color: darkred;
        border-style: solid;
        padding: 7px;
        border-radius: 10px;
    }
    /*definizione dello stile del bottone*/  
    
    .button {
        background-color: lightgreen;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        color: darkgreen;
        padding: 10px 40px 10px 40px;
        border-color: darkgreen;
        border-width: 1px;
        border-style: solid;
        border-radius: 10px;
    } 
    .button:hover{
        color: white;
        border-width: 2px;
        padding: 9px 39px 9px 39px;
    } 
    
    .button-negativo{
        background-color: rgba(240, 128, 128, 0.5);
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        color: darkred;
        padding: 10px 40px 10px 40px;
        border-color: darkred;
        border-width: 1px;
        border-style: solid;
        border-radius: 10px;
    } 
    .button-negativo:hover{
        color: white;
        border-width: 2px;
        padding: 9px 39px 9px 39px;
    } 
    
    /*definizione dello stile degli input utente*/
    .input-standard{
        border: 2px solid darkgreen;
        border-radius: 10px;
    }
    
    .input-negativo{
        border: 2px solid darkred;
        border-radius: 10px;
    }
    
    .input-email{
        border: none;
        border-bottom: 2px solid darkgreen;
    }

  }

  /*  questo è lo stile nel caso degli schermi non touch quindi computers  */
  @media (any-pointer: fine){

    .flex-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        min-height: 400px;
    }
    .testo {
        font-family: Arial, Helvetica, sans-serif;
        /*font-size: x-large;*/
        font-size: 5vw;
        
    }
    
    .testo-domande-standard {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        align-items: center;
        justify-content: center;
        /*max-width: 700px;*/
        min-height: 600px; /* 600px; */
    }

    .testo-h2{
        font-size: xx-large;
    }

    .testo-h3{
        font-size: x-large;
    }

    /*definizione delle liste*/

    .testo-span{
        font-size: larger;
    }

    .dott-positivo{
        margin: 10px; 
        color: green;
    }

    .dott-negativo{
        margin: 10px; 
        color: red;
    }

    .prova-selezione-positiva-flex{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger; 
        margin: 10px;
        padding: 10px;
        border-width: 3px;
        border-style: hidden;
    }
    .prova-selezione-positiva-flex:hover{
        border-width: 3px;
        background-color: lightgreen;
        border-color: darkgreen;
        border-style: solid;
        border-radius: 10px;
        padding: 7px;
    }
    .prova-selezione-positiva-flex-selezionata{
        border-width: 1px;
        background-color: lightgreen;
        border-color: darkgreen;
        border-style: solid;
        border-radius: 10px;
        padding: 9px;
    }
    .prova-selezione-positiva-flex-selezionata:hover{
        border-width: 3px;
        background-color: lightgreen;
        border-color: darkgreen;
        border-style: solid;
        border-radius: 10px;
        padding: 7px;
    }
    .prova-selezione-negativa-flex{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        margin: 10px;
        padding: 10px;
        border-width: 3px;
        border-style: hidden;
    }
    .prova-selezione-negativa-flex:hover{
        background-color: rgba(240, 128, 128, 0.5);
        border-color: darkred;
        border-style: solid;
        padding: 7px;
        border-radius: 10px;
    }
    .prova-selezione-negativa-flex-selezionata{
        border-width: 1px;
        background-color: rgba(240, 128, 128, 0.5);
        border-color: darkred;
        border-style: solid;
        padding: 9px;
        border-radius: 10px;
    }
    .prova-selezione-negativa-flex-selezionata:hover{
        border-width: 3px;
        background-color: rgba(240, 128, 128, 0.5);
        border-color: darkred;
        border-style: solid;
        padding: 7px;
        border-radius: 10px;
    }
    /*definizione dello stile del bottone*/  
    
    .button {
        background-color: lightgreen;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        color:darkgreen;
        padding: 10px 40px 10px 40px;
        border-color: darkgreen;
        border-width: 1px;
        border-style: solid;
        border-radius: 10px;
    } 
    .button:hover{
        color: white;
        border-width: 2px;
        padding: 9px 39px 9px 39px;
    } 
    
    .button-negativo{
        background-color: rgba(240, 128, 128, 0.5);
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: larger;
        color: darkred;
        padding: 10px 40px 10px 40px;
        border-color: darkred;
        border-width: 1px;
        border-style: solid;
        border-radius: 10px;
    } 
    .button-negativo:hover{
        color: white;
        border-width: 2px;
        padding: 9px 39px 9px 39px;
    } 
    
    /*definizione dello stile degli input utente*/
    .input-standard{
        border: 2px solid darkgreen;
        border-radius: 10px;
    }
    
    .input-negativo{
        border: 2px solid darkred;
        border-radius: 10px;
    }
    
    .input-email{
        border: none;
        border-bottom: 2px solid darkgreen;
    }

  }