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}.Todo{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:1%;min-height:100vh;font-size:calc(12px + 2vmin);text-align:center;color:#000;background-color:teal}header{margin:2% 0 0;padding:2% 0 1%;width:50%;border-radius:20px 20px 0 0;background-color:#5f9ea0;color:#fff}.TodoFormBody{flex-direction:column;justify-content:flex-start;margin:0;padding:2%;height:25rem;overflow-x:hidden;overflow-y:auto;background-color:#fff}.TodoForm,.TodoFormBody{display:flex;align-items:center;width:50%}.TodoForm{flex-direction:row;justify-content:center;margin:2% 0 1%}.TodoFormInput{margin:0 4% 0 0}.TodoFormButton{margin:0 0 0 4%;width:25%}footer{margin:0 0 2%;padding:1% 0 0;text-align:center;width:50%;border-radius:0 0 20px 20px;background-color:#5f9ea0;color:#fff}footer p{font-size:18px;font-weight:700}footer p a{color:#fff}footer p a:hover{text-decoration:none;color:#fff}@media only screen and (min-width:240px) and (max-width:480px){.Todo{padding:0}header{margin:0;padding:5% 0 1%;width:100%;border-radius:10px 10px 0 0}.TodoFormBody{padding:1%;width:100%;height:15rem}.TodoForm{margin:3% 0 1%;width:100%}.TodoFormInput{margin:0 1% 0 0}.TodoFormButton{margin:0 0 0 1%;width:30%}footer{margin:0 0 1%;width:100%;border-radius:0 0 10px 10px}}@media only screen and (min-width:481px) and (max-width:1024px){.Todo{padding:1%}header{margin:2% 0 0;padding:3% 0 1%;width:100%;border-radius:10px 10px 0 0}.TodoFormBody{padding:0;width:100%;height:20rem}.TodoForm{margin:3% 0 1%;width:80%}.TodoFormInput{margin:0 1% 0 0}.TodoFormButton{margin:0 0 0 1%;width:26%}footer{margin:0 0 2%;width:100%;border-radius:0 0 10px 10px}}.TodoList{flex-direction:column;margin:1% 0 2%}.TodoItem,.TodoList{display:flex;align-items:center;justify-content:center;width:100%}.TodoItem{flex-direction:row;margin:1% 0;height:auto}.InputCheckBox{margin:0}.EditOrSave{margin:0 2% 0 0;width:60%}.EditOrSaveButton{margin:0 1% 0 2%;width:12%}.DeleteButton{margin:0 0 0 1%;width:12%}@media only screen and (min-width:240px) and (max-width:480px){.TodoList{margin:2% 0 1%}.EditOrSave{margin:0 1% 0 0;width:40%}.EditOrSaveButton{margin:0 1%;width:24%}.DeleteButton{margin:0 0 0 1%;width:24%}}@media only screen and (min-width:481px) and (max-width:1024px){.TodoList{margin:1% 0}.EditOrSave{margin:0 1% 0 0;width:50%}.EditOrSaveButton{margin:0 1%;width:14%}.DeleteButton{margin:0 0 0 1%;width:14%}}
/*# sourceMappingURL=main.12d85b81.chunk.css.map */