.heading{
  width: 50%;
  margin: 30px auto;
  text-align: center;
  color:   #6B8E23;
  background: #FFF8DC;
  border: 2px solid #6B8E23;
  border-radius: 20px;
}
form {
  text-align: center;
  width: 90%;
  margin: 30px auto; 
  border-radius: 5px; 
  padding: 10px;
  background: #FFF8DC;
  border: 1px solid #6B8E23;
}
form p {
  color: red;
  margin: 0px;
}
.task_input {
  width: 75%;
  height: 15px; 
  padding: 10px;
  border: 2px solid #6B8E23;
}
.add_btn {
  height: 39px;
  background: #FFF8DC;
  color:   #6B8E23;
  border: 2px solid #6B8E23;
  border-radius: 5px; 
  padding: 10px 20px;
  text-align: center;
}

table {
    width: 95%;
	table-layout: fixed;
    border-collapse: collapse;
	border: 1;
}

tr {
  border-bottom: 0px solid #cbcbcb;
}

th {
  font-size: 19px;
  color: #6B8E23;
}

th, td{
  border: 1;
    height: 30px;
    padding: 2px;
}

tr:hover {
  background: #E9E9E9;
}

.task {
  text-align: left;
}

.delete{
  text-align: center;
}

.delete a{
  color: white;
  background: #ca5050;
  padding: 1px 6px;
  border-radius: 3px;
  text-decoration: none;
}

.edit{
  text-align: center;
}

.edit a{
  color: white;
  background: #8fbc8f;
  padding: 1px 6px;
  border-radius: 3px;
  text-decoration: none;
}