body{margin: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}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#000d3f;font-family:Arial,Helvetica,sans-serif}.App{width:100%;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:100px}.App,.text{color:#ddd}.input{margin:0 35px;text-align:center}.input-form{border-radius:5px;padding:20px;margin-top:25px;background-color:#474d59}.input-text{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #807f84;border-radius:5px;background-color:#ddd;box-sizing:border-box;text-transform:capitalize}.input-button{width:100%;background-color:#00f;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}.input-button:hover{background-color:rgba(0,0,255,.75)}.input-button-edit{width:100%;background-color:green;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}.input-button-edit:hover{background-color:rgba(0,128,0,.75)}.list{margin:0 35px;text-align:center}.list-ul{border-radius:5px;padding:20px;margin-top:25px;background-color:#474d59}.list-button{width:100%;background-color:red;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}.list-button:hover{background-color:rgba(255,0,0,.75)}.item{border:1px solid #807f84;display:grid;grid-template-columns:repeat(12,1fr);align-items:center;justify-content:center;padding:12px 20px;margin:8px 0;border-radius:5px;background-color:#ddd}.title{grid-column:1/12;text-align:left;color:#000}.todo-icon{grid-column:12;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.edit{color:green;cursor:pointer}.edit:hover{color:rgba(0,128,0,.75)}.delete{color:red;cursor:pointer}.delete:hover{color:rgba(255,0,0,.75)}.item-text{text-transform:capitalize;font-size:15px;font-family:cursive}@media (max-width:900px){.App{grid-template-columns:1fr;margin-top:20px}.input{margin:50px 35px}}
/*# sourceMappingURL=main.297e1f96.chunk.css.map */