@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap";body{background:#f2f2f2;color:#444;margin:0}body *{font-family:Poppins}header{text-align:center;background:#e7e7e7;padding-top:20px;display:flex;justify-content:center;align-items:center}header img{max-width:60px;transform:rotate(-10deg)}header h1{font-size:2em;padding-top:25px;margin:0 0 0 15px;color:#777;transform:rotate(2deg)}.task-list{max-width:100%;margin:0 260px}.task{padding:6px 20px;background:rgb(240,236,236);margin:10px;display:flex;height:100%;align-items:center;justify-content:space-between}.icons i{padding:10px}.filter{text-align:center;margin-top:20px}.filter button{padding:15px 46px;margin-left:10px;font-weight:700}.countValue{text-align:right}.taskForm{margin-top:20px;text-align:center}.taskForm input{padding:10px 40px}.activeFav{color:red;border:1px solid red;background-color:#f7c743}