*{
    margin: 0;
    padding: 0;
    font-family: 'Courier New', Courier, monospace;
    box-sizing: border-box; 
}
::-webkit-scrollbar{
    width: 0;
}
body{
    background: linear-gradient(90deg, rgba(230,102,223,1) 3%, rgba(92,227,255,1) 93%);

}
.block{
    margin: 5% auto;
    padding: 0 50px;
    max-width: 600px;
    background: #fff;
    border-radius: 10px;

}
.header-list{
    padding-top: 20px;
}
.header-list img{
    margin-bottom: -5px;    
}
.input-task{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    align-items: baseline;
}
.input:focus{
    border: solid #e63292 2px;
    outline: none;
}
.input-task input{
    position: absolute;
    height: 50px;
    max-width: 450px;
    width: 100%;
    padding-left: 20px;
    padding-right: 45px;
    border: solid gray 1px;
    border-radius: 30px;
}
.input-task button{
    position: absolute;
    left: 90%;
    /* top: -50px; */
    margin-left: -30px; 
    height: 50px;
    width: 80px;
    
    /* text-align: center; */
    /* background: #db0a7a7c; */
    background: #e63292;
    border-radius: 30px;
    border: 0;
    font-size: medium;
}
.input-task button:active{
    border: solid #fff 2px;
}
.list-task{
    margin-top: 100px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 18px;
}
.list-task ul{
    list-style-type: none;
}
.list{
    display: flex;
    justify-content: space-between;
    /* justify-content: center; */
    align-items: center;
    margin: 10px 0;
    /* border: solid #e63292 2px; */
}
/* .list-div{
    display: flex;
    justify-content: center;
} */
.button-check:hover, label:hover{
    cursor: pointer;
}
.list-div label{
    display: flex;
    justify-content: center;
}
p{
    word-break: break-all;

}
.list-img:hover{
    cursor: pointer;
}
.button-check{
    margin-right: 20px;
}
.button-check.checked + p{
    text-decoration: line-through;
    
}