body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Topbar{flex-direction:row;justify-content:space-between;padding-left:20px;padding-right:20px}.Topbar,.TopbarTitle{align-items:center;display:flex}.TopbarTitle{flex-direction:column;justify-content:flex-start}.TopbarTitle>*{margin:0}.TopbarUserInfo span{color:blue}.BoardArea{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:50px;min-height:400px;padding-left:10px;padding-right:10px}.AddTodoListButton{align-items:center;background-color:rgba(0,0,0,.1);border-radius:10px;display:flex;height:250px;justify-content:center;margin:10px;width:250px}@media only screen and (max-width:600px){.AddTodoListButton{width:100%}}.footer{padding-left:20px;width:100%}.TodoList{align-items:flex-start;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:250px;justify-content:flex-start;margin:10px;overflow-x:hidden;overflow-y:scroll;width:250px}.TodoListHeader{background-color:#000;border-top-left-radius:10px;border-top-right-radius:10px;height:40px;width:100%}.TodoListHeader,.TodoListHeaderText{align-items:center;color:#fff;display:flex;flex-direction:row;justify-content:flex-start}.TodoListHeaderText{height:100%;padding-left:10px;vertical-align:auto;width:80%}.TodoListHeaderEditButton{color:#eee8aa;font-size:xx-small;margin-left:5px}.TodoListAddItemButton,.TodoListDeleteButton{height:100%;width:10%}.TodoListAddItemButton,.TodoListDeleteButton{align-items:center;display:flex;flex-direction:column;justify-content:center}.TodoListAddItemButton{background-color:#f5f9a9;border-radius:30px;color:#000;height:30px;width:30px}.TodoListItem{align-items:center;border-bottom:1px solid rgba(0,0,0,.5);display:flex;flex-direction:row;justify-content:flex-start;min-height:30px;padding-left:10px;padding-right:10px;width:100%}.TodoListItemText{width:80%}.TodoListItemDelete{width:10%}@media only screen and (max-width:600px){.TodoList{width:100%}.TodoListHeaderInput,.TodoListItemText{width:90%}}body{background-color:#f5f9a9;padding-top:20px}.ModalRoot{background-color:transparent;height:100%;position:fixed;width:100%}.ModalBox,.ModalRoot{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.ModalBox{background-color:#fff;border:.5px solid #000;border-radius:5px;height:40%;padding-top:20px;width:30%}.ModalFormContainer{margin-top:30px}.ModalForm,.ModalFormContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px;width:100%}.ModalInput{border-radius:5px;height:30px;margin-bottom:10px;width:90%}.ModalButtonGroup{width:100%}.ModalButton,.ModalButtonGroup{align-items:center;display:flex;flex-direction:row;justify-content:center}.ModalButton{background-color:#000;border-radius:8px;color:#fff;margin:10px;min-height:30px;width:30%}@media only screen and (max-width:600px){.ModalBox{height:300px;width:80%}.ModalInput{width:90%}}
/*# sourceMappingURL=main.015c0307.css.map*/