body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.App,body,html{height:100%}.App{text-align:center;display:flex;flex-direction:column}.App .main{overflow:auto;flex:1 1;display:flex;flex-direction:row}.App .main .left{width:290px;background-color:#f4f4f4}.App .main .right{flex:1 1;overflow:auto}button{width:400px}.icon-menu{text-align:left;font-size:15px;font-weight:500;height:36px;display:flex;align-items:center;cursor:pointer}.icon-menu .icon{padding:0 15px}.icon-menu:hover{background-color:#fafafa}.comp-left{display:flex;flex-direction:column}.comp-left .items{overflow:auto;flex:1 1}.comp-left .bottom{display:flex;flex-direction:row;border-top:1px solid #eaeaea}.comp-left .bottom .button{flex:1 1;padding:18px;cursor:pointer}.comp-left .bottom .button:hover{background-color:#fafafa}.add-item{text-align:left;font-size:15px;font-weight:500;height:36px;display:flex;align-items:center;cursor:pointer}.add-item .icon{padding:0 15px}.add-item input{outline:none;border:none;font-size:inherit;background-color:inherit;flex:1 1}.add-item:hover{background-color:#fff}.nav-btn{height:48px;width:48px;min-width:48px;background-color:#0078d7;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;cursor:pointer}.nav-btn:hover{background-color:#005a9e}.search-bar{display:flex;align-items:center;justify-content:center;width:400px;height:32px;border-radius:3px;background-color:#c3ddf7}.search-bar:hover{background-color:#fff}.search-bar .search-icon{color:#0078d7;padding:0 10px}.search-bar .input{outline:none;border:none;flex:1 1;background-color:inherit;font-size:16px}.nav{background-color:#0078d7;display:flex;flex-direction:row;color:#fff;align-items:center;justify-content:center}.nav .logo{font-size:16px;font-weight:600;padding-left:8px;padding-right:12px}.nav .search{flex:1 1;justify-content:center}.nav .search,.todo-item{display:flex;align-items:center}.todo-item{text-align:left;font-size:15px;height:52px;border-bottom:1px solid #ededed;cursor:pointer}.todo-item .icon{padding:0 15px;color:#0078d7}.todo-item:hover{background-color:#ededed}.todo-list{text-align:left;overflow:auto}.todo-list .category{padding:27px;color:#0078d7;font-size:20px;font-weight:600}.todo-list .todos{padding-left:10px}
/*# sourceMappingURL=main.d18b7680.chunk.css.map */