body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--add-button-color:#0d47a1;--body-background-color:#0d47a1;--remove-button-color:#d50000;--complete-button-color:#009624;--statistics-button-color:#002171}.app,body{background:#0d47a1;background:var(--body-background-color)}.app{height:auto;padding:30px}.todo-list{background:#e8e8e8;border-radius:4px;margin-left:auto;margin-right:auto;max-width:75%;padding:5px}.todo{align-items:center;background:#fff;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,.15);display:flex;font-size:28px;justify-content:space-between;margin-bottom:6px;padding:3px 10px}.todo-title{color:#fff;display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;justify-content:center;margin-left:auto;margin-right:auto}.todo-text{max-width:75%}form,input{background:none;font-size:20px;margin:.25rem 0;outline:none;padding:5px}input{border-style:none;border-bottom:2px dashed gray;width:75%}button{font-size:20px}.btn-div{float:right;margin:-8px 0 0 -8px}.btn-remove-todo{border-radius:50%;color:#d50000;color:var(--remove-button-color);height:1.5rem;margin-left:5px;text-align:center;vertical-align:middle;width:1.75rem}.btn-complete-todo,.btn-undo-todo{border:none;color:#009624;color:var(--complete-button-color);margin-left:5px;padding:.15rem;vertical-align:middle}.btn-undo-todo{color:#000!important}.btn-add-todo{background-color:#fff;border:none;border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.5);color:#0d47a1;color:var(--add-button-color);font-size:xx-large;height:2.5rem;width:2.5rem}.material-icons.md-24{cursor:pointer;font-size:24px}.material-icons.md-30{cursor:pointer;font-size:40px}.btn-placeholder{background:none;border:none;color:none;float:right;margin-right:1rem}.btn-statistics{background-color:#002171;background-color:var(--statistics-button-color);border-radius:4px;border-width:0;box-shadow:0 1px 4px rgba(0,0,0,.6);color:#fff;cursor:pointer;display:block;float:right;margin:30px auto;outline:none;overflow:hidden;padding:10px;position:relative;transition:background-color .3s}.btn:focus,.btn:hover{background-color:#0d47a1;background-color:var(--body-background-color)}.btn>*{position:relative}.btn span{display:block;padding:12px 24px}.btn:before{background-color:rgba(236,240,241,.3);border-radius:100%;content:"";display:block;left:50%;padding-top:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0}.btn:active:before{padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out;width:120%}.row{grid-gap:16px;align-content:center;display:grid;gap:16px;grid-auto-flow:row dense;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);justify-content:center}.btn-clear-row{color:#d50000;color:var(--remove-button-color);display:grid;justify-content:right;margin-right:8%;margin-top:5%}.btn-clear{border-radius:50%;border-style:solid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:800px){.app{background:#0d47a1;background:var(--body-background-color);height:auto;padding:3px}.todo{align-items:center;background:#fff;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,.15);display:block;font-size:28px;justify-content:space-between;margin-bottom:6px;overflow:auto;padding:3px 10px}.todo-list{background:#e8e8e8;border-radius:4px;margin-left:auto;margin-right:auto;max-width:85%;padding:5px}form,input{font-size:20px;margin:.25rem 0;padding:5px;width:85%}.btn-add-todo{background-color:#fff;border:none;border-radius:50%;color:#0d47a1;color:var(--add-button-color);height:2.5rem;position:absolute;width:2.5rem}.btn-div{margin:-2rem 0 0}.btn-clear-row{color:#d50000;color:var(--remove-button-color);display:grid;justify-content:right;margin-right:10%;margin-top:10%}}@media screen and (max-width:800px) and (max-width:400px) and (orientation:landscape){.todo-text{max-width:75%}.btn-div{margin:-5% 0 5px 75%}.btn-placeholder{background:none;border:none;color:none;float:right;margin-right:-.5rem}.btn-add-todo{background-color:#fff;border:none;border-radius:50%;color:#0d47a1;color:var(--add-button-color);float:right;height:2.5rem;margin-left:30px;position:absolute;width:2.5rem}form,input{font-size:20px;margin:.25rem 0;padding:5px;width:85%}}@media only screen and (max-width:500px){.material-icons.md-24{cursor:pointer;font-size:30px;vertical-align:unset}.btn-remove-todo{border-radius:50%;color:#d50000;color:var(--remove-button-color);margin-left:5px;text-align:center;vertical-align:middle;width:1.75rem}.btn-statistics{margin-right:-25%}.btn-clear-row{color:#d50000;color:var(--remove-button-color);display:grid;justify-content:right;margin-right:15%;margin-top:10%}.btn-clear{margin-right:15%;margin-top:20%}}
/*# sourceMappingURL=main.c1720fc6.css.map*/