*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#f5f7fa;color:#333;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%}.App{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:2rem 1rem}.App h1{font-size:2rem;letter-spacing:.05em;margin-bottom:1.5rem}form{display:flex;margin-bottom:2rem;width:100%}form input{border:1px solid #ccd0d5;border-radius:.5rem 0 0 .5rem;flex:1 1;font-size:1rem;padding:.75rem 1rem}form button{background-color:#4a90e2;border:none;border-radius:0 .5rem .5rem 0;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}form button:hover{background-color:#3a78c2}ul{list-style:none;width:100%}li{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem;transition:transform .1s ease}li:hover{transform:translateY(-2px)}li input[type=checkbox]{height:1.2rem;margin-right:1rem;width:1.2rem}li span{flex:1 1;font-size:1rem}li button{background:#0000;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem;transition:color .2s ease}li button:hover{color:#c0392b}@media (max-width:400px){.App{padding:1rem}form button,form input{font-size:.9rem}li{align-items:flex-start;flex-direction:column}li button{align-self:flex-end;margin-top:.5rem}}li span{word-break:break-word}form button{background-color:#2b6cb0;color:#fff}form button:hover{background-color:#2c5282}
/*# sourceMappingURL=main.e659ea53.css.map*/