body{background-color:#17181c}.heading{margin-bottom:15px;color:#fff;text-align:center;font-size:200%}.to-do-container{max-width:400px;margin:auto}.input-container{display:flex;justify-content:center;align-items:center;padding:0}.input-container input{color:#000;font-size:100%;padding:10px;flex-grow:1;max-width:300px;border:1px solid black;border-radius:5px;background-color:#cfcfcf75}.input-container button{margin-left:20px;height:35px;width:50px;padding-bottom:15px;padding-top:10px;background-color:#76a3e6;border:1px solid rgba(20,18,18,.274);border-radius:10px;cursor:pointer}.filter-outer-container{display:flex;justify-content:center}.filter-container{display:flex;justify-content:space-around;margin-top:10px;width:100%;max-width:300px;margin-right:50px}.filter-container button{border:none;padding:10px;border:1px solid rgb(142,121,167);border-radius:5px;cursor:pointer}.filter-container .filter-option-not-selected{color:#8e79a7;background-color:#17181c}.filter-container .filter-option-selected{color:#fff;background-color:#8e79a7}.list-items{display:flex;flex-direction:column;align-items:center;font-size:125%;margin-top:20px}.list-items .list-item{width:100%;display:flex;justify-content:space-between;height:40px;color:violet}.list-items .list-item input{width:15px;cursor:pointer}.list-items .list-item p{margin:auto}.list-items .list-item button{margin-top:auto;margin-bottom:auto;background-color:#ff2600a4;border:none;border-radius:4px;cursor:pointer}