.unfinish{
    float:left;
    margin-bottom: 40px;
    background-color:  #ffffe6;
    width:100%;
    height:700px;
    overflow-y:scroll;
    overflow-x: hidden;
  }

  .finish{
    float:left;
    margin-bottom: 40px;
    background-color:  #ffffe6;
    width:100%;
    height:700px;
    overflow-y:scroll;
    overflow-x: hidden;
  }
  #task_tool{
    justify-content: center;
    align-items: left;
    margin-bottom: 5px;
    margin-left:5px;
  
  }
  #task_done_button{
    height:30px;
    width:30px;
    cursor:pointer;
    background-color:#fff;
    border:none;
    border-radius:20px;
    outline:none;
    margin-right: 5px;
  }

  #task_done_button:hover{
    background-color:#75b79e;
    color:white;
  }

  #task_done_button:active{
    transform: translateY(4px);
  }
  #task_edit_button{
 
    height:30px;
    width:30px;
    cursor:pointer;
    background-color:#fff;
    border:none;
    border-radius:20px;
    outline:none;
    margin-right: 5px;
  }

  #task_edit_button_editing{
  
    height:30px;
    width:30px;
    cursor:pointer;
    background-color:#ffed83;
    color: white;
    border:none;
    border-radius:20px;
    outline:none;
    margin-right: 5px;
  }
  #task_edit_button:hover{
    background-color:#ffed83;
    color:white;
  }
  #task_edit_button:active{
    transform: translateY(4px);
  }

  #task_delete_button{
  
    height:30px;
    width:30px;
    cursor:pointer;
    background-color:#fff;
    border:none;
    border-radius:20px;
    outline:none;
    margin-right: 5px;
  }
  .fa  {
    color:purple;
  }
  #task_delete_button:hover{
    background-color:#fa163f;
    color:white;
  }

  #task_delete_button:active{
    transform: translateY(4px);
  }
  #task_title{
    background-color:#fff;
    font-family:monospace;
    font-weight:bold;
    font-size:15px;
   margin-left: 10px;
 
  }
  #task_desc{
    background-color:#fff;
    font-family:monospace;
    font-weight:200;
    font-size:15px;
    margin-left: 10px;
    
  }
 #task_date{
    background-color:#fff;
    font-family:monospace;
    font-weight:200;
    font-size:15px;
    margin-left: 10px;

  }
  #task_start{
    background-color:#fff;
    font-family:monospace;
    font-weight:200;
    font-size:15px;
    margin-left: 10px;
    
  } #task_end{
    background-color:#fff;
    font-family:monospace;
    font-weight:200;
    font-size:15px;
    margin-left: 10px;
    
  }
  #title_editing{
    background-color:#fff;
    font-family:monospace;
    font-weight:bold;
    font-size:15px;
    float: left;
    width:100%;
    border-bottom: 1px solid #ffed83;
    outline: none;
  }
  #title_editing:focus{
    border-bottom: 3px solid #ffed83;

  }