.todos[data-v-ded7e9d4]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}.todo[data-v-ded7e9d4]{border:1px solid #ccc;background:#41b883;padding:1rem;border-radius:5px;text-align:center;position:relative;cursor:pointer}i[data-v-ded7e9d4]{position:absolute;bottom:10px;right:10px;color:#fff;cursor:pointer}.legend[data-v-ded7e9d4]{display:flex;justify-content:space-around;margin-bottom:1rem}.complete-box[data-v-ded7e9d4]{display:inline-block;width:10px;height:10px;background:#35495e}.incomplete-box[data-v-ded7e9d4]{display:inline-block;width:10px;height:10px;background:#41b883}.is-complete[data-v-ded7e9d4]{background:#35495e;color:#fff}@media (max-width:500px){.todos[data-v-ded7e9d4]{grid-template-columns:1fr}}form[data-v-12c6e170]{display:flex}input[type=text][data-v-12c6e170]{flex:10;padding:10px;border:1px solid #41b883;outline:0}input[type=submit][data-v-12c6e170]{flex:2;background:#41b883;color:#fff;border:1px solid #41b883;cursor:pointer}select{margin-top:20;padding:6px;border:1px solid #41b883}body{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;line-height:1.6;background:#e8f7f0}.container{max-width:1100px;margin:auto;overflow:auto;padding:0 2rem}