@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap);.App{align-items:center;justify-content:center}body{background-color:#cbcbf3}.title h1{color:#3a3a3a;font-family:Poppins,sans-serif;font-weight:700;margin:30px 0;text-align:center}form{background:#fff;border-radius:5px;box-shadow:1px 2px 10px #ddd;margin:50px auto 0;max-width:500px;padding:10px 20px}form h3{text-align:center}form input{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;outline:none;padding:10px 5px;width:100%}.input_container{margin-bottom:20px}.btn_container{margin-bottom:10px;text-align:center}.btn_container button{background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;outline:none;padding:10px 20px}.todo_container{margin:0 auto;width:50%}.todo{align-items:center;background:#fff;border-radius:5px;box-shadow:1px 2px 10px #ddd;display:flex;justify-content:space-between;margin-top:20px;padding:10px 20px}.todo input{font-family:Poppins,sans-serif;font-size:20px;font-weight:500;width:60%}.button-complete,.button-delete,.button-edit,.todo input{background-color:transparent;border:none;cursor:pointer;outline:none}.button-complete,.button-delete,.button-edit{border-radius:50%}#i{font-size:35px}.button-complete{color:#95faa3;margin-right:10px}.button-edit{color:#56cfff;margin-right:10px}.button-delete{color:#ff7a62}@media screen and (max-width:667px){.task_container{width:90%}.task{margin-right:0}.todo_container{width:100%}.todo input{width:86%}}button:focus,input:focus{outline:none}
/*# sourceMappingURL=main.4671ac92.css.map*/