@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;margin:50px auto 0;text-align:center}.App,body{align-items:center;justify-content:center}body{font-family:Poppins,sans-serif;height:100vh;margin:0}.title{margin-bottom:10px;margin-top:5px;padding:10px;text-align:center}.title h1{border:2px #000;color:#333;margin:0}.todo_container{margin:0 auto;width:50%}form{align-content:center;align-items:center;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.114);display:flex;flex-direction:row;justify-content:center;margin:10px auto 0;padding:10px}.input_container{display:flex;margin:0 10px 0 0;width:100%}form input{background-color:#5656565d;border:1px solid #ddd;border-radius:5px;color:#004949;font-size:16px;font-weight:500;outline:none;padding:15px 10px;width:100%}.btn_container{text-align:center}.btn_container button{background:#eae7e7;border:2px solid #000;border-radius:5px;color:#004949;cursor:pointer;font-size:16px;font-weight:800;padding:10px 20px;transition:all .3s ease}.btn_container button:hover{background-color:#000;color:#fff}.todo{align-items:center;border-top-style:dashed;display:flex;font-family:Montserrat,sans-serif;justify-content:space-between;margin-top:10px;padding:10px 5px 0;transition:transform .2s}.list{word-wrap:break-word;box-sizing:border-box;color:#004949;font-size:20px;font-weight:500;line-height:1.5em;min-height:1.5em;overflow:auto;resize:none;white-space:pre-wrap;width:100%}.list,.list:disabled{background-color:#fff;border:none}.list:disabled{cursor:default}.edit-delete-btn{align-items:center;display:flex;justify-content:space-between;transition:transform .2s}.button-complete,.button-delete,.button-edit{background-color:initial;border:none;border-radius:50%;cursor:pointer;outline:none;transition:transform .3s ease-in-out}.button-complete:hover,.button-delete:hover,.button-edit:hover{color:#004949;transform:scale(1.5)}#i{font-size:25px}.button-complete{color:#58f46c}.button-edit{color:#38c5fd}.button-delete{color:#fe573a}@media screen and (max-width:667px){.todo_container{width:90%}}button:focus,input:focus{outline:none}
/*# sourceMappingURL=main.37373a71.css.map*/