#dati{
    float: center;
    margin: 1% 32%;
}
body{
    background-color: #eeeff3 ;
}
input,select{ 
    border-radius: 10px;
    border-color: #565656 ;
    background-color: #eeeff3 ;
    margin: 15px;
    width: 500px;
    height: 40px;
}
::placeholder, #defoult{
    text-align: center;
    color: #565656;
}
button{
    float: center;
    width: 80px;
    height: 40px;
    border-radius: 10px;
    background-color: #c3d8e2 ;
}
#bottoni{
    margin-left: 47%;
}

@media screen and (min-width: 1300px) {
    input,select{
        width: 500px;
        height: 40px;
    }
    #dati{
        margin: 1% 30%;
    }
    button{
        width: 80px;
        height: 40px;
    }
    #bottoni{
        margin-left: 42%;
    }
}
    
@media screen and (max-width: 1250px) {
    input,select{
        width: 350px;
        height: 40px;
    }
    #dati{
        margin: 1% 30%;
    }
    button{
        width: 80px;
        height: 40px;
    }
    #bottoni{
        margin-left: 42%;
    }
}
@media screen and (max-width: 500px) {
    input,select{
        width: 250px;
        height: 40px;
    }
    #dati{
        margin: 1% 10%;
    }
    button{
        width: 80px;
        height: 40px;
    }
    #bottoni{
        margin-left: 28%;
    }
}