* {
    padding: 0;
    margin: 0;
    font-family: "Tenor Sans", sans-serif;
    box-sizing: border-box;
  }
  
  body {
    width: 100%;
    height: 100%;
    background-color:RGB(197, 157, 186);
  }
  .ToDoSection{
    margin:30px;
  }
  #text-to{
    color: blanchedalmond;
     text-align: center;
      margin: 20px;
      padding: 0px;
      font-size: 2rem;
    }
  
    .todo-input {
      padding: 15px;
      width: 100%;
      border-radius: 20px;
      border: 3px solid #a9bbe7;
    }
    .todo-button {
      margin: 10px 10px 10px 90px;
      padding: 15px;
      border-radius: 15px;
      border: 3px solid lightgray;
      cursor: pointer;
      font-size: 17px;
    }
    .todo-button:hover {
      background-color: #9dafdd;
    }
    #SaveToDo {
      margin: 10px 10px 10px 20px;
      padding: 15px;
      border-radius: 15px;
      border: 3px solid lightgray;
      cursor: pointer;
      font-size: 17px;
    }
    #SaveToDo:hover {
      background-color: #9dafdd;
    }
    .todo-list {
      list-style-type: none;
      margin: 15px;
      padding: 0px;
    }
    
    .todo-item  {
      display: flex;  
     position: relative;
      height: 50px;
      background-color: #f5edf4;
      padding: 15px 9px;
      border-radius: 10px;
      margin-bottom: 15px;
    }
    .todo-item .fa-square-pen {
      color: rebeccapurple;
      position: absolute;
      right: 55px;
    }
    
    .todo-item .fa-trash-can {
      color: red;
      position: absolute;
      right: 31px;
    }
    
  
    @media (min-width: 1200px) {
      .todo-input {
        margin: 0px 50px 0px 70px;
        padding: 20px 0px 20px 20px;
        width: 70%;
      }
      .todo-list {
        margin: 0px 40px 0px 70px;
        width: 70%;
      }
      
    }