html{width:100%;height:100%}body{width:99%;height:98%;justify-content:center;background-color:#fa8bff;background-image:linear-gradient(45deg,#fa8bff,#2bd2ff 52%,#2bff88 90%)}.todo-main,body{display:flex;align-items:center}.todo-main{padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 0 50px 0 #000;flex-direction:column;justify-content:space-between;width:500px;height:70%;margin:50px}.heading{font-size:32px;font-weight:700;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inputdiv{margin-top:10px;margin-bottom:10px;width:100%;background-color:#fa8bff;background-image:linear-gradient(45deg,#fa8bff,#2bd2ff 52%,#2bff88 90%);border-radius:8px;padding:3px}.todo-input{background:#f5f5f5;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;font-size:18px;border:0;border-radius:7px;width:100%;box-sizing:border-box}:focus{outline:none}.list{width:100%;flex:1;overflow-y:scroll}.list::-webkit-scrollbar{opacity:0;background:transparent;width:8px;opacity:1}.list::-webkit-scrollbar-track{background:transparent;border-radius:5px}.list::-webkit-scrollbar-thumb{background-color:#21d4fd;background-image:linear-gradient(19deg,#21d4fd,#b721ff);border-radius:5px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.3333333333333333)}.footer{margin-top:10px;display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center}.footertext{font-weight:700;color:#555;flex:1;margin:0}.clear-all-button{border:0;border-radius:7px;padding:10px 20px;background-color:#21d4fd;background-image:linear-gradient(19deg,#21d4fd,#b721ff);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#fff;font-weight:700}.todo-item{display:flex;flex-direction:row;background:#ddd;border-radius:8px;margin:10px 0;align-items:center;justify-content:space-between}.todo-item:hover{background:#eee}.todo-item-text{border:0;flex:1;margin:0 10px}.todo-item-edit{border-radius:5px;padding:5px 10px}.remove-item{width:30px;height:30px;color:#fff;border-radius:5px;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#ffe53b;background-image:linear-gradient(147deg,#ffe53b,#ff2525 74%);box-sizing:border-box;margin:5px;border:0}.remove-item:hover{background-color:#fad961;background-image:linear-gradient(90deg,#fad961,#f76b1c)}