*{margin:0;padding:0;box-sizing:border-box}html{font-size:22px}.App{flex-direction:column;max-width:500px;border:1px solid #0000cd;margin:auto}.App,header{display:flex;justify-content:center;align-items:center;width:100%}header{padding:0 5em;background-color:#3e3e44;color:#f0f8ff}main{width:100%;display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;overflow-y:auto}footer{padding:.25em;background-color:#0000cd;color:#f0f8ff;display:grid;place-content:center}footer,ul{width:100%}ul{border:1px dotted #000;display:table;list-style:none;background-color:#878181;padding:0 .25rem .25rem}.ListItem{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;padding:.5rem 0 .5rem .5rem;margin:.25rem 0;background-color:#eee;flex:1 1}.ListItem:first-child{margin:0}.ListItem input[type=checkbox]{text-align:center;width:2.5rem;width:48px;min-width:48px;height:2.5rem;height:48px;min-height:48px;cursor:pointer;margin-right:.5rem}.ListItem input[type=checkbox]:focus+label{text-decoration:underline}.ListItem>label{font-size:.75rem;flex-grow:1}.ListItem svg{width:48px;min-width:48px;height:36px;font-size:1rem;color:#4682b4;cursor:pointer}.listItem svg:focus,.listItem svg:hover{color:red;outline:none}.todo__list{text-align:center}body{min-height:100vh;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{padding:0 .5rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#878181;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.eb08b8c6.chunk.css.map */