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{--bittersweet:#f27059;--gunmetal:#012a36;--honeydew:#eaf2e3}body{background-color:#012a36;background-color:var(--gunmetal);color:#eaf2e3;color:var(--honeydew)}*{box-sizing:border-box}main{align-items:center;flex-direction:column;height:100vh;margin:0 auto;max-width:300px;overflow:hidden}form,main{display:flex}form{border:1px solid #eaf2e3;border:1px solid var(--honeydew);border-radius:10px;padding:5px;width:100%}form input[type=text]{background:none;border:0;color:#eaf2e3;color:var(--honeydew);display:block;height:30px;padding:0 8px;width:100%}form input[type=text]:focus{color:#f27059;color:var(--bittersweet);outline:none}form button{background-color:#f27059;background-color:var(--bittersweet);border:0;border-radius:6px;color:#eaf2e3;color:var(--honeydew);cursor:pointer;font-size:1.2rem;width:30px}div.tasks{-ms-overflow-style:none;flex-grow:1;margin-top:10px;overflow:scroll;scrollbar-width:none;width:100%}div.tasks::-webkit-scrollbar{display:none}div.task{align-items:center;background-color:#eaf2e3;background-color:var(--honeydew);border-radius:10px;display:flex;height:45px;margin-top:5px;padding:5px 9px;transition:opacity .3s linear;width:100%}div.task,input[type=text]:focus{color:#012a36;color:var(--gunmetal)}div.task svg{fill:#f27059;fill:var(--bittersweet);height:20px;margin-right:6px}div.task.done{opacity:.3}div.task form,div.task-name{flex-grow:1}div.task span{position:relative}div.task span:before{background-color:#ddd;content:"";display:block;height:1px;position:absolute;top:10px;transition:width .1s linear;width:0}div.task.done span:before{width:100%}h1,h2{text-align:center}div.checkbox{align-items:center;display:flex}button.trash{background:none;border:none;cursor:pointer;display:flex}button.trash svg{fill:#888;height:14px}div.task input{border-bottom:1px solid #555;color:#012a36;color:var(--gunmetal);padding:2px 4px}.logo{margin:30px;max-width:120px}
/*# sourceMappingURL=main.ff13e735.css.map*/