body{background-color:#111827}h5{float:left}input[type=text]{background-color:#384151;border:2px solid #79818f;border-radius:5px;color:#79818f;margin-left:2%;padding-left:2%;width:80%}input[type=text]:focus{outline:none}.addBtn{background-color:#3b81f6;color:#fff;font-size:1em}.topDiv{margin:auto;padding-top:10%;width:20rem}.todoDiv{background-color:#1f2937;color:#fff}.todoTitle{padding-top:2%}.todoItemList{padding:0 10% 10%}.todoItem{background-color:#384151;color:#fff}.draggingTodoItem,.todoItem{display:inline-flex;flex-direction:column-reverse;float:right;margin-bottom:2%;padding-top:2%;width:75%}.draggingTodoItem{background-color:#000;color:#000}.todoItemCompleted{opacity:25%;text-decoration:line-through}.todoItemCompleted,.todoItemNotCompleted{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-left:5%}.todoItemNotCompleted{text-decoration:none}.todoBtnGroup{flex-direction:row;float:right;justify-content:flex-end}.dragSpot{cursor:grab;display:inline-flex;margin:0;position:absolute}
/*# sourceMappingURL=main.5e70cff8.css.map*/