*{box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}body{align-items:center;background-color:#ffffff3d;background-image:url(https://source.unsplash.com/1200x1200?abstract,colors,patterns,textures);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw;z-index:0}input[type=checkbox]{appearance:none;background-color:#f2f2f2;border:2px solid #333;border-radius:3px;color:currentColor;cursor:pointer;font:inherit;height:20px;margin:0;transition:all .15s ease-in-out;width:20px;z-index:2}input[type=checkbox]:hover{background-color:#ceffca;border:2px solid #67dd5c}input[type=checkbox]:checked{background-color:#67dd5c;border:none;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);cursor:pointer;transform:scale(1.2)}.alert{align-items:center;display:flex;height:30px;justify-content:center;mix-blend-mode:multiply;text-align:center;width:100%}.alert-danger{background-color:#e633453d;color:#e63345}.alert-success{background-color:#67dd5c3d;color:#67dd5c}#app-container{background-color:#fff;box-shadow:0 2px 12px #333;height:fit-content;max-width:600px;position:sticky;top:0;width:50%;z-index:1}#reset-btn{cursor:pointer;font-size:20px;margin-right:20px;transition:all .25s ease}#reset-btn:hover{color:#731010;transform:scale(1.2) rotate(180deg)}div#app-header{align-items:center;background-color:#ebebeb;border:1px solid #d6d6d6;display:flex;height:50px;justify-content:space-between;width:100%}#task-list{max-height:600px;overflow-y:scroll}li.task h4{color:#f7f7f7;font-size:45px;font-weight:600;letter-spacing:-10px;z-index:1}li.task.checked h4{color:#4ebc44}div#app-header h4{font-size:20px;font-weight:400;margin-left:20px}#form-section{border:1px solid #d6d6d6;display:flex;height:50px;justify-content:space-between;width:100%}#add-input{border:none;font-size:18px;font-weight:400;padding-left:20px;width:90%}#add-input::placeholder{font-style:italic}#form-btn{background-color:#fff;border:none;cursor:pointer;margin-right:20px}li.task{align-items:center;border:1px solid #d6d6d6;display:flex;height:50px;justify-content:space-between;transition:all .1s ease}li.task:hover{background-color:#d7e7f9}li.task.checked{background-color:#e0f8de}li.task.checked input{color:#4ebc44;font-style:italic}input.task-desc{background-color:transparent;border:none;cursor:pointer;font-size:16px;font-weight:300;height:80%;padding-left:10px;width:80%}input.task-desc:focus{outline:none}.remove-btn{background-color:transparent;border:none;cursor:pointer;margin-right:20px;transition:all .1s ease}.remove-btn:hover{transform:scale(1.3)}.checkbox{margin-left:5px}#clear-all{background-color:#ebebeb;border:1px solid #d6d6d6;bottom:0;color:#929292;cursor:pointer;font-size:18px;font-weight:400;height:50px;position:sticky;text-align:center;transition:all .25s ease-out;width:100%}#clear-all:hover{background-color:#f0e3e3;color:#731010}@media screen and (max-width:650px){#app-container{width:90%}}