:root{--color-primary:#4a4637;--color-background:#efeae4;--color-card:#e9eef1;--color-dark:#333;--color-muted:#848484;--color-shadow:#ccc}body{background:var(--color-background);margin:0;font-family:Maison Neue Book,Helvetica Neue,Helvetica,Arial,sans-serif}.container{grid-template-rows:60px 1fr 30px;grid-template-columns:1fr;height:100vh;padding:0 .5rem;display:grid}@media (max-width:768px){.container{grid-template-rows:60px 1fr 50px}}.header{margin-top:.5rem;margin-left:.5rem}.title{color:var(--color-primary);margin:0}.card-container{place-self:center}.card{background:var(--color-card);box-shadow:5px 5px 8px 2px var(--color-shadow);border-radius:5px;grid-template-rows:auto;grid-template-columns:1fr;width:18rem;height:30rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}.card-header{grid-template-rows:auto;grid-template-columns:1fr 1fr;align-items:center;margin-left:.5rem;margin-right:.5rem;display:grid}.card-header p{margin:0}.overview{grid-template-rows:1fr;grid-template-columns:6fr 1fr;justify-items:end;display:grid}.signal{border:.5px solid var(--color-dark);background:0 0;border-radius:50%;width:5px;height:5px;margin-bottom:2px}.signal.complete{background:var(--color-dark)}.task{grid-template-rows:1fr;grid-template-columns:25px 1fr;align-items:center;margin-left:.5rem;margin-right:.5rem;display:grid}.task p{margin:0}.task-circle{border:.5px solid var(--color-dark);background:linear-gradient(to right, var(--color-card) 50%, var(--color-card) 50%);border-radius:50%;width:12px;height:12px}.task-circle.in-progress{background:linear-gradient(to right, var(--color-dark) 50%, var(--color-card) 50%)}.task-circle.complete{background:linear-gradient(to right, var(--color-dark) 50%, var(--color-dark) 50%)}.task-item{border-bottom:1px solid var(--color-dark)}.task-item input{background:0 0;border:none;width:100%;font-family:delve-hand,sans-serif;font-size:1.2rem;font-style:normal;font-weight:500;text-decoration:none;text-decoration-thickness:3px}.task-item input:focus{outline:none}.task-item.complete input{text-decoration:line-through;text-decoration-thickness:3px}.legend{grid-template-rows:26px 20px 20px;grid-template-columns:1fr;display:grid}.legend p{margin:0}.legend-title{color:var(--color-muted);justify-self:center}.key{grid-template-rows:1fr;grid-template-columns:1fr 1.3fr;display:grid}.key div{justify-self:end;margin-top:.2rem;margin-right:.5rem}.key p{color:var(--color-muted)}.footer{grid-template-columns:1fr 1fr;display:grid}.footer p{margin:0;font-size:.9rem}.footer p:last-child{justify-self:end}.footer a{color:var(--color-primary);text-decoration:none}@media (max-width:768px){.footer{grid-template-columns:1fr;gap:.6rem}.footer p:last-child{justify-self:start}}