@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);:root{--color-01:#637081;--color-02:#accbe1;--color-03:#7c98b3;--color-04:#d4d4d4;--color-05:#cee5f2;--color-06:#536b78}*{box-sizing:border-box;font-family:Quicksand,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;padding:0}.app{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh}h1{font-weight:200}.header{align-items:center;background-color:#637081;background-color:var(--color-01);color:#d4d4d4;color:var(--color-04);display:flex;font-size:2em;justify-content:center;padding:.5em}.header span{font-size:.8em}.form{align-items:center;background-color:#accbe1;background-color:var(--color-02);display:flex;font-size:1.2em;gap:1em;justify-content:center;padding:1em 0}.form input{background-color:#cee5f2;background-color:var(--color-05);border:.1em solid #637081;border:.1em solid var(--color-01);border-radius:80px;font-size:20px;padding:.7em 2em;width:40vw}.form-btn{aspect-ratio:1;background-color:#637081;background-color:var(--color-01);border:0;border-radius:50%;color:#fff;font-size:1.5em;height:2em}.form-btn:hover{opacity:80%}.content{background-color:#d4d4d4;background-color:var(--color-04);display:grid;grid-template-columns:2fr 1fr;height:100%}.unfinished-task-list ul{gap:.6em;padding:2em;width:100%}.finished-task-list,.unfinished-task-list ul{align-items:stretch;display:flex;flex-direction:column}.finished-task-list{background-color:#cee5f2;background-color:var(--color-05)}.unfinished-task{background-color:#fff;border:1px solid #c7c7c7;border-radius:10px;display:flex;font-size:1.2rem;justify-content:space-between;margin:auto;max-width:800px;padding:1.2em 2em;width:75%}.finished-task,.task-checkbox{display:flex;gap:1em}.finished-task{align-items:center;border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--color-04);font-size:1rem;justify-content:space-between;padding:1.2em 2em;width:100%}.finished-task:first-child{border-top:1px solid #d4d4d4;border-top:1px solid var(--color-04)}.delete-btn{background-color:initial;border:0;cursor:pointer}.message{align-items:center;color:#637081;color:var(--color-01);display:flex;flex-direction:column;font-size:1.6em;justify-content:center}.message span{font-size:2em}.footer{align-items:center;background-color:#637081;background-color:var(--color-01);color:#d4d4d4;color:var(--color-04);display:flex;justify-content:center;padding:1.5em}@media (max-width:720px){.content{display:flex;flex-direction:column;justify-content:space-between}.header{font-size:1.3em;padding-bottom:1em;padding-top:1em}.form,.form input{font-size:1em}.form input{width:70%}.form-btn{font-size:1.3em}.unfinished-task{font-size:1em;width:100%}}
/*# sourceMappingURL=main.10499585.css.map*/