body{
    font-family: "Times New Roman", serif; /*shrift*/
    background-color: olivedrab;
}
input[type=text]{
    width: 70%;
    padding: 3px;
    margin:6px;
    box-sizing: border-box;
    border: 3px solid darkslategrey;
    border-radius: 4px;
    background-color: lightgray;
    color: darkslategrey;
}
input[type=radio]:checked + label {
    width: 40%;
    padding: 3px;
    margin:6px;
    box-sizing: border-box;
    background-color: lightgray;
}
input[type=checkbox]:checked + label {
    width: 40%;
    padding: 3px;
    margin:6px;
    box-sizing: border-box;
    background-color: lightgray;
}
select{
    width: 40%;
    padding: 3px;
    margin:6px;
    box-sizing: border-box;
    border: 3px solid darkslategrey;
    border-radius: 4px;
    background-color: lightgray;
    color: darkslategrey;
    cursor: pointer;
}
input[type=reset],input[type=button]{
    width: 35%;
    padding: 3px;
    margin:6px;
    box-sizing: border-box;
    border: 3px solid darkslategrey;
    border-radius: 4px;
    background-color: lightgray;
    color: darkslategrey;
}
table{
    width: 50%;
    padding: 3px;
    border-collapse: collapse;
    border: 3px solid darkslategrey;
    margin: 6px;
}
td{
    padding:6px;
    text-align: left;
}
input[type=date]{
    width:30%;
    border: 3px solid darkslategrey;
    background-color: lightgray;
}
input[type=color]{
    width:14%;
    border: 3px solid darkslategrey;
    background-color: lightgray;
}