style.css

body {
    font-size: 18px;
}

.heading {
    width: 50%;
    margin: 30px auto;
    text-align: center;
    color: #6B8E23;
   /* background: #e2b810; */
    border: 2px solid #6B8E23;
    border-radius: 20px;
}

form {
    width: 50%;
    margin: 30px auto;
    padding: 10px;
  /*  background: #e2b810; */
    border: 1px solid #6B8E23;
    border-radius: 5px;
}

form p {
    color: red;
    margin: 0px;
}

.task_input {
    width: 73%;
    height: 15px;
    padding: 10px;
    border: 2px solid #6B8E23;
}

.add_btn {
    height: 39px;
   /* background: #e2b810; */
    color: #6B8E23;
    border: 2px solid #6B8E23;
    border-radius: 5px;
    padding: 5px 20px;
}

table {
    width: 50%;
    margin: 30px auto;
    border-collapse: collapse;
}

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

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

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

tr:hover {
    background: #E9E9E9;
}

.task {
    text-align: left;
}

.delete {
    text-align: center;
}

.delete a {
    color:white;
    background: rgb(236, 8, 8);
    padding: 1px 6px;
    border-radius: 3px;
    text-decoration: none;
}