html {
    height: 100%;
}
body {
    background-color: cornflowerblue;
}
body, input{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
input {
    border-radius: 5px;
    margin-top: 25px;
    padding: 5px;
    width: 100%;
}
input[type='text']{
    background-color: cornsilk;
    border-color: darkcyan;
    box-shadow: none;
}
input.error, 
input:invalid{
    background-color: darkred;
    border: none;
    color: whitesmoke;
}
input[type='button']{
    background-color:whitesmoke;
    border: none;
    color:darkcyan;
}
input[type='button']:disabled{
    background-color: darkred;
    cursor: not-allowed;
}