*{box-sizing:border-box;margin:0;padding:0}body{width:100%;height:100vh;background-color:#5f9ea0;display:flex;justify-content:center;align-items:center;text-align:center}.container{width:25%;height:80vh;border-radius:7px;box-shadow:3px 4px 10px 3px #434343;background-color:#f5f5f5}.title{color:#fff;background-color:#b14ab9;box-shadow:3px 4px 10px 3px #00000080;padding:6px 0 2px;margin-bottom:1em;margin-top:1em}.container .input-item{text-align:center;width:60%;height:4.5vh;background:transparent;font-size:20px;font-weight:500;border:none;outline:none;border-radius:5px;border-bottom:2px solid rgb(177,74,185)}.btn-add-item{width:43px;height:43px;box-shadow:2px 2px 8px 3px #00000080;background-color:#e87af0;color:#fff;font-size:30px;font-weight:500;margin-left:10px;border:none;border-color:transparent;border-radius:50%;outline:none}.btn-add-item:hover{background-color:#3fee3f;cursor:pointer}ol{margin-top:30px}ol li{min-height:40px;padding-left:0;text-align:left;text-transform:capitalize;font-size:20px;font-weight:500;display:flex;align-items:center;color:#8566aa}.todo_style{display:flex;justify-content:left;align-items:center}.todo_style .fa-trash{width:20px;height:20px;display:flex;justify-content:center;align-items:center;margin:0 15px 0 35px;box-shadow:5px 5px 15px -5px #0000004d}.todo_style .fa-trash:hover{color:#dc143c}@media (max-width:768px){.container{width:55%}.todo_style .fa-trash{margin:0 15px;display:flex;justify-content:center;align-items:center}button{margin-left:5px;min-height:40px;color:#fff;font-size:30px}}