body{margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif}.cont-body{width:100%;height:100vh;background-color:#f1f1f1;background:linear-gradient(90deg,rgba(241,241,241,1) 0%,rgba(137,97,201,1) 99%);display:flex;justify-content:center;align-items:center}.cont-todo-list{width:620px;height:90%;background-color:#2a2a2a;border-radius:30px;box-shadow:22px 22px 42px -7px #313131;display:grid;grid-template-columns:1fr;grid-template-rows:50px auto 55px;row-gap:10px}.c-header{border-radius:15px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px;margin:15px 25px}.c-header button{border:none;background:none;outline:inherit;cursor:pointer;background-color:#5731de;color:#fff;border-radius:20px;height:30px;font-size:18px}.c-header button:hover{background-color:#8563ff;transition-duration:.5s}.c-main{height:100%;overflow-y:scroll;background-color:#1f1f1f}.c-main::-webkit-scrollbar{width:6px;background-color:#3f3f3f;border-radius:5px}.c-main p{color:#fff;font-weight:700;font-size:20px;text-align:center;margin:0}.c-main .list-group{margin:0;padding:5px 10px}.c-main .list-group .list-group-item{list-style:none;padding:7px 10px;color:#fff;border:1px solid rgb(42,42,42);border-radius:10px;cursor:pointer}.c-main .list-group :hover{border-color:#8361ff;transition:.5s}.list-group-item{position:relative}.list-group-item button{border:none;background:none;outline:inherit;cursor:pointer;position:absolute;right:5px;top:8px;color:#ff8282;border-radius:50%;font-size:15px}.list-group-item input[type=checkbox]{display:none}.list-group-item input[type=checkbox]+label{cursor:pointer;padding-left:25px;border:none;position:relative}.list-group-item label:before{content:"";border:2px solid rgb(146,116,255);border-radius:25px;display:inline-block;height:17px;width:17px;margin-right:5px;position:absolute;left:0;transition:.3s}.list-group-item input[type=checkbox]:checked+label:before{background-color:#9274ff;padding-bottom:0}.c-footer{border-radius:20px;display:grid}.c-footer input{border:0;outline:none;background:none;font-size:16px;border-radius:25px;margin:5px 10px;border:2px solid #5731DE;padding:10px 0 10px 15px;color:#fff}.valid-input input{border-color:#f77}