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}body,html{margin:0;padding:0}div{position:relative}.App{text-align:center}.header{text-align:left;background-color:#17252a}.header h1{margin:0;padding:20px;font-size:30px;text-transform:uppercase;color:#fff}.footer{text-align:center;background-color:#17252a}.footer p{margin:0;padding:10px;font-size:14px;text-transform:uppercase;color:#fff}.list{background-color:#def2f1;min-height:calc(100vh - 112px);margin:0;color:#17252a}.list-container{text-align:center;max-width:800px;margin:0 auto;padding:4% 20px}.list-content{background-color:#fff;min-height:700px;padding-bottom:20px;margin:0;box-shadow:0 0 10px 0 rgba(84,84,84,.4);border-radius:5px}.list-content-header{padding:5px;color:#fff;background-color:#17252a;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;margin:0 0 20px}.list-content-header h2{flex:1 1 100%;font-size:30px;margin:10px;color:#fff;text-transform:uppercase;padding:10px}.list-content-sort{flex:1 1 200px;padding:10px;text-align:left}.list-content-sort p{display:inline-block;padding-right:10px}.list-content-sort button{display:inline-block;margin:10px;padding:5px;background-color:transparent;border:2px solid #fff;border-radius:5px;color:#fff;font-weight:700;cursor:pointer}.list-content-sort button:focus{outline:none}.list-content-total p{display:inline-block;padding-right:10px}.list-add-new-item{background-color:#fff;margin:10px auto;max-width:90%;box-shadow:0 0 10px 0 rgba(84,84,84,.4);border-radius:5px;padding:10px 0;text-align:center;cursor:pointer}.list-add-new-item p{color:#5c5c5c}.list-add-item{background-color:#fff;margin:10px auto;max-width:90%;box-shadow:0 0 10px 0 rgba(84,84,84,.4);border-radius:5px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px 0}.list-add-item .list-add-item-name{display:block;width:98%;min-height:50px;margin:20px 0;resize:none}.list-add-item select{display:block}.list-add-item-name-div{flex:1 1 200px;text-align:left;padding:0 20px}.list-add-item .list-add-item-name-div label{display:block;text-align:left}.list-add-item-priority-div{flex:1 1 120px;max-width:100px;text-align:center}.list-add-item-priority{margin:20px auto}.list-add-item .list-add-item-priority-div label{display:block;text-align:center}.list-add-item-button-div{flex:1 1 100%}.list-add-item-button{padding:10px 20px}@media screen and (max-width:500px){.list-content-sort{flex:1 1 100%;text-align:center}}.list-item{background-color:#fff;margin:10px auto;max-width:90%;box-shadow:0 0 10px 0 rgba(84,84,84,.4);border-radius:5px;display:flex;flex-direction:row;flex-wrap:wrap;color:#17252a;padding:10px 0;cursor:pointer;border:2px solid #fff}.list-item.complete{background-color:silver;border:none!important}.list-item.priority-2{border:2px solid #ff7b00}.list-item.priority-3{border:2px solid red}.list-item-name{flex:1 1 200px;text-align:left;padding:0 20px}.list-item-priority-div{flex:1 1 120px;max-width:100px}.list-item-priority-icon{display:inline-block}.list-item.priority-2 .list-item-priority-icon{color:#ff7b00}.list-item.priority-3 .list-item-priority-icon{color:red}.list-item-priority{text-transform:capitalize;display:inline-block;padding:0 10px}.list-item-complete-btn{background-color:transparent;border:none;font-size:30px;padding:10px;cursor:pointer;flex:0 1 50px}.list-item-complete-btn:active{border:none}.list-item-complete-btn:focus{border:none;outline:none}.list-item-complete-btn.uncomplete{color:#b4b4b4}.list-item-complete-btn.complete{color:#56be00}@media screen and (max-width:500px){.list-item-priority-div{text-align:right;flex:1 1 100%;max-width:unset}.list-item-name{flex:1 1 100px;padding-left:5px}.list-item-complete-btn{flex:0 1 30px}}.edit-list-item-mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:5}.edit-list-item{z-index:6;margin:100px auto;background-color:#fff;color:#17252a;min-height:500px;width:400px}.edit-list-item h2{text-align:center}.list-close-edit-item-button{background-color:transparent;border:none;font-size:18px;font-weight:700;padding:10px}.list-edit-new-item{margin:10px auto;max-width:90%;box-shadow:0 0 10px 0 rgba(84,84,84,.4);border-radius:5px;padding:10px 0;text-align:center;cursor:pointer}.list-edit-new-item p{color:#5c5c5c}.list-edit-item{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px}.list-edit-item .list-edit-item-name{display:block;width:98%;height:100px;margin:20px 0;resize:none}.list-edit-item select{display:block}.list-edit-item-name-div{flex:1 1 200px;text-align:left;padding:0 20px}.list-edit-item .list-edit-item-name-div label{display:block;text-align:left}.list-edit-item-priority-div{flex:1 1 100%;text-align:left;padding:0 0 50px}.list-edit-item-priority{margin:0 20px}.list-edit-item .list-edit-item-priority-div label{display:block;text-align:left;padding:20px}.list-edit-item-button-div{flex:1 1 100%;text-align:center}.list-edit-item-button-div button{padding:20px;color:#fff;font-weight:700;border:none;background-color:transparent;margin:10px}.list-update-item-button{border:2px solid #17252a!important;color:#17252a!important}.list-item-delete{border:2px solid #17252a!important;color:red!important}@media screen and (max-width:500px){.edit-list-item{padding-left:10px;padding-right:10px;max-width:85%}}
/*# sourceMappingURL=main.117b103e.chunk.css.map */