body{justify-content:center;margin:0;padding:0;width:100%}.TodoWrapper,body{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;height:100%}.TodoWrapper{border-radius:10px;box-shadow:5px 5px 5px 10px #0f02021a;box-sizing:border-box;flex-direction:column;margin-top:50px;padding:20px;width:550px}input{border:.5px solid #000;border-radius:5px;height:50px;width:300px}.todo-btn{background-color:#0da7a7;border:none;border-radius:5px;color:#fff;height:55px;margin-left:5px;width:150px}.todo-btn,input{font-size:20px;margin-bottom:5px}button:hover{cursor:pointer}.todo{align-items:center;border-radius:5px;display:flex;justify-content:space-between;padding:0 10px;width:450px}.todo>p{font-size:30px}.todo>div{display:flex;gap:20px}.Footer{font-size:20px;margin-top:280px;text-align:center}.delete-btn,.update-btn{border-radius:5px;color:#fff;font-size:20px;height:55px}.update-btn{background-color:#0da7a7;border:none}.delete-btn{background-color:#e90909;border:none;width:65px}@media (min-width:300px) and (max-width:600px){body{margin:0;padding:0}.TodoWrapper,body{align-items:center;display:flex;font-size:13px;justify-content:center}.TodoWrapper{flex-direction:column;height:100%;width:270px}input{font-size:13px;height:50px;width:220px}.delete-btn,.todo-btn,.update-btn{font-size:13px;width:75px}form{gap:5px}.todo,form{align-items:center;display:flex;flex-direction:column}.todo{border-radius:5px;justify-content:space-between;padding:0 10px;width:250px}.container{display:flex;flex-direction:column;width:250px}.Footer{font-size:13px;text-align:center}}
/*# sourceMappingURL=main.2ac4f6a7.css.map*/