*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */

}

main{
    width: 800px;
    margin: 0 auto;
    background-color: #F1F1F1;
    padding: 10px 20px;
}

.table-container{
    margin-top: 16px;
}

table {  
    color: #333; /* Lighten up font color */
    width: 100%; 
    border-collapse: 
    collapse; border-spacing: 0; 
}

td, th { border: 1px solid #CCC; height: 30px; } /* Make cells a bit taller */

th {  
    background: #F3F3F3; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}

td {  
    background: #FAFAFA; /* Lighter grey background */
    text-align: center; /* Center our text */
}

.form-container {
  max-width: 1000px;
  margin: auto;
}

form {
  width: 100%;
  background: #f1f1f1;
  padding: 20px;
  margin: auto;
  box-sizing: border-box;
}
form h3 {
  text-align: center;
  font-size: 2rem;
  padding: 0;
  padding-bottom: 15px;
  margin: 0;
}
form .contol-btn {
  margin-top: 10px;
  text-align: center;
}
form .contol-btn button {
  cursor: pointer;
  border: none;
  font-size: 1rem;
  padding: 10px 15px;
  transition: 0.25s;
}
form .contol-btn:hover button {
  background: #BADA55;
  color: #ffffff;
}
form .control-form.fix-placehold input {
  width: 82%;
}
form .control-form.star label:after {
  content: "*";
  color: red;
  margin-left: 5px;
}
form .control-form label {
  display: block;
}
form .control-form small {
  display: block;
  margin-top: -7px;
}
form .control-form {
  display: inline;
  background: #eee;
  padding: 10px 15px;
  margin-right: -5px;
  font-size: 0.9rem;
}
form .control-form input, form .control-form textarea {
  padding: 10px 15px;
  border: none;
  font-size: 0.9rem;
  margin: 10px 0;
  width: 90%;
}

.control-form select{
    padding: 10px 15px;
    border: none;
    font-size: 0.9rem;
    margin: 10px 0;
    width: 90%;
}