*{box-sizing:border-box;margin:0;padding:0}html{font-size:22px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.App{border:1px solid #0000cd;flex-direction:column;height:100vh;justify-content:center;margin:auto;max-width:500px}.App,header{align-items:center;display:flex;width:100%}header{background-color:#0000cd;color:#f0f8ff;justify-content:space-between;padding:0 .25em}main{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-y:auto;width:100%}footer{background-color:#0000cd;color:#f0f8ff;display:grid;padding:.25em;place-content:center}footer,ul{width:100%}ul{list-style:none;padding:0 .25rem .25rem;li:before{content:"\200B"}}.item{align-items:center;background-color:#eee;display:flex;justify-content:flex-start;margin:.25rem 0;padding:.5rem 0 .5rem .5rem;&:first-child{margin:0}input[type=checkbox]{cursor:pointer;height:2.5rem;height:48px;margin-right:.5rem;min-height:48px;min-width:48px;text-align:center;width:2.5rem;width:48px;&:focus+label{text-decoration:underline}}&>label{flex-grow:1;font-size:.75rem}svg{color:#4682b4;cursor:pointer;font-size:1rem;height:36px;min-width:48px;width:48px;&:focus,&:hover{color:red;outline:none}}}.addForm{border-bottom:1px solid #eee;display:flex;justify-content:flex-start;margin:.5rem 0 0;padding:0 .5rem .25rem;width:100%;label{left:-99999px;position:absolute}input[type=text]{border-radius:.25rem;flex-grow:1;font-size:1rem;margin-right:.25rem;max-width:calc(100% - 50px);min-height:48px;outline:none;padding:.25rem}}button{background-color:#f0f8ff;border-radius:.25rem;color:#0000cd;cursor:pointer;font-size:1rem;height:48px;min-width:48px;padding:.5rem;&:focus,&:hover{background-color:#32cd32;color:#fff;outline:none}}.searchForm{border-bottom:1px solid #eee;display:flex;justify-content:flex-start;margin:.25rem 0 0;padding:0 .5rem .25rem;width:100%;label{left:-99999px;position:absolute}input[type=text]{border-radius:.25rem;flex-grow:1;font-size:1rem;margin-right:.25rem;max-width:100%;min-height:48px;outline:none;padding:.25rem}}
/*# sourceMappingURL=main.f72303f4.css.map*/