*{
margin: 0;
padding: 0;
  
}
table.list{
  text-align: center; 
width: 100%;
}
td{
/* border: 1px solid rgb(204,200,200); */
text-align: left;
padding: 2px 5px;
 font-size: 0.9em;

}
th{
/* border: 1px solid rgb(204,200,200); */
text-align: center;
padding: 5px 5px;
font-size: 0.8em;
background-color: maroon;
color:white;


}
h4{
text-align: center;
color:red;
font-size: 1.5em;
/* text-shadow:1px 3px 2px black; */
padding-top: 1px;
margin-top: -10px;
}
h3{
text-align: center;
color:black;
font-size: 1.5em;
padding-top: -2px;
/* //text-shadow:1px 3px 2px black; */
padding-top: 1px;
}
.input-field{
background-color: white;
}
table{
width: 100%;
margin: 5px auto;
  /* background: rgb(124,154,167);    */
 background: white; 
 border-radius: 10px;
  
}
tr:nth-child(even),table.list thead> tr{
background:rgb(204,200,200);
}
input[type="text"],input[type="number"]{
padding: 10px 10px;
width: 91%;
margin:8px 0 ;
display: inline-block;
border:1px solid rgb(165,161,161);
border-radius:4px ;
}
input[type="submit"],input[type="reset"]{
padding: 6px 12px;
margin:15px 0 10px ;
display: inline-block;
border:1px solid rgb(165,161,161);
border-radius:30px ;
font-size: 1rem;
cursor: pointer;
outline: none;
}
input[type="submit"]:hover{
background: #4b99d8;
}
input[type="reset"]:hover{
background: #4b99d8;
}
button{
background: #eee;
padding: 6px 12px;
margin:15px 0 10px ;
display: inline-block;
border:none;
border-radius:30px ;
font-size: 1rem;
cursor: pointer;
outline: none;
}
body{
  background-color:brown;
  flex-direction: column;
}