*{
   margin:0;
   padding:0;
   box-sizing:border-box;
}
html,body{
   width: 100%;
   height: 100%;
   
   /* background-color: rgb(222, 230, 9); */
}
.main-cont{
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   padding: 20px;;
}
.todo-main-cont{
   width: 78%;
   padding: 15px;
}
@media (min-width:768px ){
  .todo-main-cont{
      width: 50%;
     padding:10px;
  }
}

.todo-list-cont{
   width: 80%; 
    padding:0px ;

}

.list-cont-todo{

   width: 98%;
   list-style: none;
   margin-bottom: 20px;
   display: flex;
   justify-content:space-around;
}
.label-cont{
   width:90%;
   padding: 10px;
   border-radius: 5PX;
   background-color:rgb(136, 9, 94);
   border-left: 10px solid rgb(0, 0, 0);
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.delete-btn{
   background-color: transparent;
   border: none;
  
}
.delete-btn:focus{
   outline: none; 
}
.checked{
   text-decoration: line-through;
}