body{background:linear-gradient(90deg,#667db6,#0082c8,#0082c8,#667db6);color:#333;font-family:Roboto,sans-serif}h1{color:#fff}input{border:1px solid #aaa;border-radius:8px;margin-right:10px;padding:8px 16px;width:50%}button,input{box-shadow:0 2px 4px #0000001a}button{background-color:#5a7eb8;border:none;border-radius:8px;color:#fff;margin:0 2px;padding:6px 16px;transition:background-color .3s}button:hover{background-color:#364662;cursor:pointer}#root{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}.input-area{background-color:#f9f9f9;border-radius:8px}.complete-area,.incomplete-area,.input-area{box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:12px;width:400px}.complete-area,.incomplete-area{background-color:#fff;border:1px solid #ccc;border-radius:8px;min-height:200px}.title{color:#5a7eb8;font-weight:700;margin-top:0;text-align:center}.list-row{align-items:center;border-bottom:1px solid #eee;display:flex;padding:8px}.todo-item{flex-grow:1;margin:6px}@media screen and (max-width:1024px){.complete-area,.incomplete-area,.input-area{width:90%}.todo-item{width:50%}}
/*# sourceMappingURL=main.0a1a805b.css.map*/