@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;width:400px;margin:200px auto;position:relative}.todo{background-color:#64b8c2;color:#fff;font-size:1rem;font-family:"Montserrat",sans-serif;height:650px}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 0;box-sizing:border-box}.header h2{font-weight:700;flex-grow:1;text-align:center;text-transform:uppercase;letter-spacing:.2rem;margin:0}.footer{height:70px}.footer .btn-add{width:50px;height:50px;border:none;background:#fff;border-radius:50%;font-size:1.3rem;color:#64b8c2;box-shadow:0 0 16px 0 hsla(0,0%,98.8%,.73);outline:none;cursor:pointer}.todo-list{width:100%;height:calc(100% - 137px);padding:10px;box-sizing:border-box}.todo-body{padding:0 10px}.todo-header{margin:10px 10px 0;font-size:.6rem;text-transform:uppercase}.todo-header,.todo-item{font-weight:700;text-align:left}.todo-item{padding:15px 20px;background-color:#fff;color:#666;margin-top:5px;border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,.25)}.todo-item.is-complete{text-decoration:line-through;color:#f3f3f3;background-color:#64b8c2}.no-item{width:80%;height:80%;background-image:url(/static/media/no-item.3bca835d.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;margin:10px auto}.modal{z-index:1001;background-color:#fff;width:300px;color:#64b8c2;display:flex;flex-direction:column;box-sizing:border-box;padding:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.modal-header h3{font-size:1rem;margin:0;text-transform:uppercase}.modal-body{flex-grow:1}.form input{width:100%;border:none;padding:10px;box-sizing:border-box;outline:none;font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;padding:0 10px}.btn-add{border:none;background-color:#64b8c2;color:#fff;padding:5px 12px;font-size:1rem;border-radius:5px;outline:none}.fade-background{z-index:1000;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3);width:100%;height:100%;display:flex;justify-content:center;align-items:center}
/*# sourceMappingURL=main.e617123a.chunk.css.map */