body   {
  font-family: Arial, Helvetica, sans-serif;   
}
.todo-grid,
.todo-input-grid {
       display: grid;
       grid-template-columns: 200px 150px 100px;
       grid-gap: 10px;
       row-gap: 10px;
       align-items: center;
}
.todo-input-grid{
       margin-bottom: 10px;
       align-items: stretch;
}
.name-input,due-date-input{
       font-size: 15px;
       padding: 6px;;

}
.add-todo-button{
       background-color: rgb(56, 92, 21);
       color: white;
       border: none;
       cursor: pointer;
       font-size: 15px;
}
.delete-todo-button{
       background-color: darkred;
       color: white;
       border: none;
       font-size: 15px;
       cursor: pointer;
       padding-top: 10px;
       padding-bottom: 10px;
}