body{
  font-family:Arial;
  user-select: none;
}


.todo-grid,
.todo-input-grid
 {
  display:grid;
  grid-template-columns:200px 150px 100px;
  column-gap: 10px;
  row-gap:10px;
  align-items:center;
  
}

.todo-input-grid{
  margin-bottom: 10px;
  align-items:stretch;
}

.error{
  color:red;
}

.name-input,
.due-date-input,
.content
{
  font-size:15px;
  padding: 6px;
}

.add-todo-button,
.delete-todo-button {
  background-color: green;
  color:white;
  border:none;
  font-size:15px;
  cursor:pointer;
}

.delete-todo-button{
  background-color: darkred;
  height:35px;
}