*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.container{
    width: 100%;
    height: 100vh;
    background:linear-gradient(135deg,rgb(17, 0, 171),rgb(230, 1, 115));
    padding: 10px;
}
.todo-app{
    width: 100%;
    max-width: 540px;
    background: rgb(255, 255, 255);
    margin: 100px auto 20px;
    padding: 40px 30px 70px;
    border-radius: 10px;
}
.todo-app h2{
    color: rgb(4, 244, 244);
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-weight: 400;
}
.todo-app h2 img{
    width: 60px;
    margin-left: 10px;
}
.row{
    /* width: 70px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px;
    background-color: rgb(230, 230, 230);
}
.row input{
    height: 60px;
    width: 100%;
    /* border-radius: 30px; */
    flex: 1;
    padding: 0px 30px;
    background-color: rgb(83, 83, 93);
    border: none;
    outline: none;
    background: transparent;
}
.row button{
    height: 60px;
    width: 120px;
    background-color: orangered;
    color: aliceblue;
    border-radius: 30px;
    border: none;
    cursor: pointer;

    
}
button:hover{
    background-color: rgb(2, 191, 216);
}
ul li{
    list-style: none;
    font-size: 17px;
    margin: 10px 30px ;
    cursor: pointer;
    position: relative;
    user-select: auto;
}
ul{
    margin: 30px 0px;
}
ul li::before{
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    /* text-decoration: underline; */
    background-image: url(cercle.png);
    background-size: cover;
    background-position: center;
    top: 1px;
    left: -25px;
    
}
ul li.checked{
    color: #555;
    text-decoration: line-through;
}
ul li.checked::before{
    background-image: url(cheq.gif);
    height: 30px;
    position: absolute;
    top: -5px;
}

span img{
    height: 20px;
    position: absolute;
    right: 0px;
    top: -5px;
    height: 25px;
    width: 25px;
    background-color: aqua;
}


span img:hover{
    background-color: #e8e8e8;
   
}