@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);*{box-sizing:border-box;color:#fff;font-family:Montserrat,sans-serif;margin:0;padding:0}body{background-image:url(/static/media/bg.99997cfba697b1a0f831.svg)}.todo-app{background:#161a2b;border-radius:10px;display:flex;flex-direction:column;font-size:16px;justify-content:flex-start;margin:128px auto;min-height:600px;padding-bottom:32px;text-align:center;width:520px}h1{color:#fff;font-size:24px;font-weight:600;margin:32px 0}.complete{opacity:.4;text-decoration:line-through}.todo-form{margin-bottom:32px}.todo-input{background:#0000;border:2px solid #32dac5;border-radius:4px 0 0 4px;color:#fff;font-size:16px;font-weight:400;outline:none;padding:14px 32px 14px 16px;width:320px}.todo-input::placeholder{color:#ffffff80;font-size:16px}.todo-input.edit{border:2px solid #149fff}.todo-button{background:linear-gradient(90deg,#32dac5,#ff64d8);border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;outline:none;padding:16px;text-transform:capitalize}.todo-button.edit{background:linear-gradient(90deg,#10ffef,#ff64d8);padding:16px 22px}.todo{background:linear-gradient(90deg,#d9eb18,#fa4d09);border-radius:5px;color:#fff;display:flex;height:50px;line-height:50px;margin:4px auto;width:90%}.todo:nth-child(4n+1){background:linear-gradient(90deg,#5500fe,#c26ef6)}.todo:nth-child(4n+2){background:linear-gradient(90deg,#fb26f0,#d30071)}.todo:nth-child(4n+3){background:linear-gradient(90deg,#14e7ff,#00b8dc)}.todo_radio,.todo_radio_unchecked{align-items:center;background-color:#161a2b;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;margin:13px 1rem 0;width:24px}.todo_radio_unchecked{background-color:initial}.todo-row{font-weight:500;text-align:start;text-shadow:0 1px 2px #0000004d;width:90%}.todo_delete{margin:3px 10px 0 0}@media screen and (max-width:768px){.todo-app{margin:64px auto;max-width:95%;min-height:auto;padding-bottom:24px}h1{font-size:22px;margin:24px 0}.todo-form{max-width:100%;padding:0 12px}.todo-input{padding:12px 24px 12px 12px;width:calc(100% - 50px)}.todo-button{padding:14px}.todo{height:auto;line-height:1.4;min-height:50px;padding:8px 0;width:95%}.todo,.todo-row{align-items:center}.todo-row{display:flex;word-break:break-word}.todo_radio,.todo_radio_unchecked{flex-shrink:0;margin:0 12px}.todo_delete{flex-shrink:0}}@media screen and (max-width:480px){.todo-app{border-radius:8px;margin:32px auto}h1{font-size:20px;margin:20px 0}.todo-input{font-size:14px;padding:10px 8px}.todo-button{padding:12px}.todo_radio,.todo_radio_unchecked{height:20px;margin:0 8px;width:20px}.delete-icon{font-size:18px}}
/*# sourceMappingURL=main.60c0ff2b.css.map*/