@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:#54ac60;transform:rotate(2deg);font-family:Poppins,serif;font-weight:600;font-style:normal}header span{color:#ffd859}.task i{font-size:1.4rem;margin-left:6px;cursor:pointer;color:#bbb}.task .icons{text-align:right}.task h3,.task .icons{display:inline-block}.task{padding:6px 20px;background-color:#fff;margin-top:20px;border-radius:4px;box-shadow:2px 4px 6px #0000000d;display:flex;justify-content:space-between;align-items:center}.task-list{max-width:640px;margin:20px auto}.filter{max-width:640px;margin:10px auto;text-align:right}.filter button{display:inline-block;margin-left:10px;padding:4px 8px}.loading{max-width:640px;border:1px solid #3a3a3a;background-color:#ffd859;padding:2rem 0;height:4rem;text-align:center;margin:30px auto}.reset{text-align:center;margin-bottom:20px}button{padding:8px;border-radius:10px;color:#54ac60;font-size:1.01rem;border:none;background-color:#ffe464;cursor:pointer}button:hover{opacity:80%}button:active{box-shadow:0 0 5px #54ac60}.fav[data-v-227109ba]{color:red}.delete[data-v-227109ba]:hover{color:#0a0a0a}.favorite[data-v-227109ba]:hover{color:#b40d0d}form[data-v-a6c5d844]{height:40px;max-width:560px;margin:auto;text-align:center;padding-top:40px;padding-bottom:20px;display:flex;justify-content:center;align-items:center}div[data-v-a6c5d844]{background:#e7e7e7}.input[data-v-a6c5d844]{border-color:#afabab;background-color:#ffe464;padding:8px;border-radius:8px;width:50%;margin:15px;font-size:1.2rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#54ac60}.input[data-v-a6c5d844]::placeholder{color:#54ac60}.input[data-v-a6c5d844]:focus{box-shadow:0 0 10px #757474}.add[data-v-a6c5d844]{background-color:#54ac60;padding:3px;width:3.5rem;font-size:1.2rem;border-radius:8px;border:none;cursor:pointer;color:#ffe464}.add[data-v-a6c5d844]:hover{opacity:80%}.add[data-v-a6c5d844]:active{box-shadow:0 2px 4px #000}