.todo_input[data-v-f0467932]{display:flex;justify-content:center;margin-bottom:20px}.input_text[data-v-f0467932]{width:70%;padding:10px;margin-right:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;transition:all .3s ease}.add_button[data-v-f0467932]{width:100px;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s ease}.input_text[data-v-f0467932]:focus{outline:none;border-color:#007bff}.add_button[data-v-f0467932]:hover{background-color:#029121}.task[data-v-b4e7e67a]{background-color:#f0f0f0;width:280px;height:60px;text-align:center;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;margin-right:10px;padding:0 10px;border-radius:5px;transition:all .3s ease}.task[data-v-b4e7e67a]:hover{background-color:#e0e0e0}.task input[data-v-b4e7e67a]{width:25px;height:25px;cursor:pointer}.task button[data-v-b4e7e67a]{background-color:red;color:#e0e0e0;border:none;border-radius:3px;cursor:pointer;width:25px;height:25px;font-weight:700;font-size:1rem;transition:all .3s ease}.task span[data-v-b4e7e67a]{cursor:default}.task.selected[data-v-b4e7e67a]{animation:selectedAnimation-b4e7e67a 1.5s infinite}.task.completed[data-v-b4e7e67a]{opacity:.6}.task button[data-v-b4e7e67a]:hover{background-color:#cb0000}@media screen and (max-width:500px){.task[data-v-b4e7e67a]{width:220px;height:50px}}@keyframes selectedAnimation-b4e7e67a{0%{background-color:#cfcfcf}50%{background-color:#f0f0f0;transform:scale(.98)}to{background-color:#cfcfcf}}.button_div[data-v-2c4aea5f]{display:flex;justify-content:center}.filter_button[data-v-2c4aea5f]{padding:10px;margin:0 5px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s ease}.filter_button[data-v-2c4aea5f]:hover{background-color:#0056b3}@media screen and (max-width:500px){.button_div[data-v-2c4aea5f]{flex-direction:row;align-items:center;flex-wrap:wrap;height:35%}.filter_button[data-v-2c4aea5f]{width:40%;padding:8px;font-size:14px;margin:0 3px}}.app[data-v-f48d071b]{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.border_base[data-v-f48d071b]{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #ccc;border-radius:10px;padding:20px;width:400px;background-color:#f9f9f9}.header[data-v-f48d071b]{text-align:center;margin-bottom:20px}.header h1 span[data-v-f48d071b]{color:#42b983}.tasks[data-v-f48d071b]{max-height:250px;overflow-y:auto}.sticky_note[data-v-f48d071b]{position:fixed;bottom:25px;right:25px;background-color:#fffa87;border:1px solid #ccc;border-radius:5px;padding:10px;width:200px;box-shadow:2px 2px 5px #0000004d;cursor:pointer;transition:all .3s ease}.sticky_note[data-v-f48d071b]:hover{transform:rotate(5deg)}.sticky_note ul[data-v-f48d071b]{padding-left:20px}.sticky_note li[data-v-f48d071b]{margin-bottom:10px}.sticky_note span[data-v-f48d071b]{font-weight:800;color:red}.author[data-v-f48d071b]{position:fixed;bottom:5px;left:20px;margin-top:15px;font-size:14px;color:#fff}@media screen and (max-width:500px){.app[data-v-f48d071b]{width:100%}.border_base[data-v-f48d071b]{width:90%}.header h1[data-v-f48d071b]{font-size:1.5rem}.sticky_note[data-v-f48d071b]{display:none}}html,body{margin:0;padding:0;width:100%;height:100%}*{box-sizing:border-box;font-family:Trebuchet MS}body{background-image:url(/todo-vue/assets/bg-image-o2gduLtO.jpg);background-size:cover;outline:none;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background-color:#00000080}