@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{line-height:1;font-family:"Roboto",sans-serif;color:#202020;background-color:#fafafa;font-smooth:always;-webkit-font-smoothing:antialised;-moz-osx-font-smoothing:grayscale}body,ul{margin:0;padding:0}span{white-space:nowrap}header{-webkit-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #ca1200;background-color:#db4c3f;transition:height .2s ease-in;box-shadow:0 1px 2x rgba(0,0,0,.15);height:44px;z-index:400;position:fixed;top:0;width:100%}@media (max-width:900px){header{padding-right:10px}}header nav{display:grid;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0;max-width:922px;margin:auto;height:44px}header nav li,header nav p{color:#fff}header nav div.features{grid-area:1/1;display:flex;padding-left:5px}header nav div.features .toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:28px;margin-right:28px}header nav div.features .toggle:hover{border-radius:3px;background-color:hsla(0,0%,100%,.2)}header nav div.features .logo img{padding-top:3px;width:24px}header nav div.settings{grid-area:1/2;text-align:right}header nav div.settings ul{float:right}header nav div.settings ul li{display:flex;align-items:center;justify-content:center;list-style-type:none;cursor:pointer;width:30px;height:30px;text-align:center;vertical-align:middle;float:left}header nav div.settings ul li:hover{border-radius:3px;background-color:hsla(0,0%,100%,.2)}header nav div.settings ul li.settings__add{margin-right:15px;font-size:30px}header nav div.settings ul li.settings__dark-mode svg{width:20px;height:20px}.sidebar{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:300px;height:100vh;padding-top:74px;border-right:1px solid #f1f1f1;background:#fafafa;transition:width .36s ease-in}.sidebar.hide{width:0}.sidebar li{padding-left:10px;padding-right:15px;margin-left:2px}.sidebar li:hover .sidebar__project-delete{display:flex}.sidebar__project{padding:5px 0;cursor:pointer}.sidebar__project-delete{margin-left:auto;display:none}.sidebar__project-delete svg{color:#cacaca}.sidebar__project.active,.sidebar__project:hover{font-weight:700;background:#fff}.sidebar__project>.sidebar__dot{color:#ff8d85}.sidebar__projects{padding-left:3px}.sidebar__project{display:flex;align-items:center;justify-content:left}.sidebar__dot{margin-right:10px;font-size:30px}.sidebar__middle{margin-top:20px;margin-bottom:20px;display:flex;border-bottom:1px solid #f1f1f1;padding-left:10px;cursor:pointer}.sidebar__middle span{color:rgba(0,0,0,.5411764705882353);margin-right:10px}.sidebar__middle span svg.hidden-projects{transform:rotate(-90deg)}.sidebar__middle h2{margin:0;color:#333;font-size:15px;font-weight:700;padding-bottom:20px}.sidebar__generic li{padding:10px 0 10px 10px;list-style-type:none;color:#333;display:flex;cursor:pointer;line-height:1.5;font-size:15px}.sidebar__generic li span:first-of-type{margin-right:10px}.sidebar__generic li span:first-of-type svg{width:18px;height:18px;color:#555}.sidebar__generic li.active,.sidebar__generic li:hover{font-weight:700;background-color:#fff}.project-delete-modal{position:relative}.project-delete-modal__inner{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1);position:absolute;width:100%;z-index:1;top:85px;border-radius:3px;z-index:99;width:200px;padding:10px;top:10px;right:0;background-color:#fff}.project-delete-modal__inner p{margin-top:5px;margin-bottom:5px;line-height:normal;font-weight:400;font-size:15px}.project-delete-modal__inner button{width:"50px";background-color:#db4c3f;color:#fff!important;border:1px solid transparent;margin-right:5px;margin-top:10px;font-weight:700;font-size:13px!important;line-height:17px;padding:6px 12px 7px;position:relative;display:inline-block;white-space:nowrap;border-radius:3px!important;text-decoration:none!important;text-align:center;cursor:pointer}.project-delete-modal__inner span{color:#555;cursor:pointer;font-size:14px;margin:2px 5px;font-weight:400}.add-project{padding-left:15px;padding-right:20px;margin-top:20px;cursor:pointer;white-space:nowrap}.add-project__input{margin-bottom:20px}.add-project__name{width:100%;border:1px solid #ddd;background-color:#fff!important;border-radius:3px;height:35px;padding:0 10px;display:block}.add-project__submit{width:"100px";background-color:#db4c3f;color:#fff!important;border:1px solid transparent;margin-right:5px;margin-top:10px;font-weight:700;font-size:13px!important;line-height:17px;padding:6px 12px 7px;position:relative;display:inline-block;white-space:nowrap;border-radius:3px!important;text-decoration:none!important;text-align:center;cursor:pointer}.add-project__cancel{color:#555;cursor:pointer;font-size:14px;margin:2px 5px}.add-project__plus{color:#dd4b39;font-size:18px}.add-project__text{display:inline-block;color:#545454;font-size:14px;margin-left:15px}.content{display:flex;align-items:center;max-width:922px;margin:auto}.tasks{width:100%;background:#fff;border-right:1px solid #f1f1f1;min-height:100vh;vertical-align:top;padding:80px 40px 84px}.tasks h2{font-size:20px;font-weight:400;margin:0 30px 20px 0}.tasks .add-task{margin-top:20px;cursor:pointer}.tasks .add-task__plus{color:#dd4b39;font-size:18px}.tasks .add-task__text{display:inline-block;color:#545454;font-size:14px;margin-left:15px}.tasks__list li{display:flex;line-height:18px;color:#333;padding:10px 0;font-size:14px;list-style:none;border-bottom:1px solid #f0f0f0}.tasks__list li .checkbox-holder{margin-right:20px;display:flex;align-items:center;justify-content:center;line-height:16px}.tasks__list li .checkbox-holder .checkbox{cursor:pointer;color:#343434;height:16px;width:16px;display:block;border:1px solid grey;border-radius:16px}.add-task__overlay{background:hsla(0,0%,40%,.5);position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;z-index:2000;transition:opacity .2s ease-in;height:100vh}.add-task__overlay .add-task__main{overflow:visible;margin-bottom:20px;margin-top:55px;border-radius:5px;background-color:#fff;position:absolute;left:50%;top:50%;padding:20px 30px;transform:translate(-50%,-50%)}.add-task__overlay .add-task__main .header{font-size:13px;margin-bottom:20px;float:left}.add-task__overlay .add-task__cancel-x{cursor:pointer;color:grey;float:right;font-weight:700;font-size:12px;margin-top:10px}.add-task__main{position:relative}.add-task__date,.add-task__project{cursor:pointer;float:right;color:grey;margin:20px 10px}.add-task__project{margin-right:0}.add-task__content{width:100%;border:1px solid #ddd;background-color:#fff!important;border-radius:3px;height:35px;padding-left:10px;padding-right:10px}.add-task__cancel,.add-task__submit{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.add-task__cancel{color:#555;cursor:pointer;font-size:14px;margin:2px 5px}.add-task__submit{width:"90px";background-color:#db4c3f;color:#fff!important;border:1px solid transparent;margin-right:5px;margin-top:10px;font-weight:700;font-size:13px!important;line-height:17px;padding:6px 12px 7px;position:relative;display:inline-block;white-space:nowrap;border-radius:3px!important;text-decoration:none!important;text-align:center;cursor:pointer}.add-project,.add-task__shallow{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;margin-bottom:20px}.task-date{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1);position:absolute;width:100%;z-index:1;top:85px;border-radius:3px;background-color:#fff;width:200px;right:0}.task-date__list li{display:flex;line-height:18px;color:#333;padding-top:10px;padding-bottom:10px;font-size:14px;list-style-type:none;border-bottom:1px solid #f0f0f0;padding-left:10px;cursor:pointer}.task-date__list li:hover{background:#f9f9f9}.task-date__list li span:first-of-type{margin-right:10px}.task-date__list li span:first-of-type svg{fill:grey}.project-overlay{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1);position:absolute;width:100%;z-index:1;top:85px;border-radius:3px;background-color:#fff}.project-overlay__list li{display:flex;line-height:18px;color:#333;padding-top:10px;padding-bottom:10px;font-size:14px;list-style-type:none;border-bottom:1px solid #f0f0f0;padding-left:10px;cursor:pointer}.project-overlay__list li:hover{background:#f9f9f9}.darkMode{background:grey}.darkMode header{box-shadow:0 1px 3px 0 rgba(0,0,0,.15);background-color:#282828;border-color:transparent}.darkMode section .contents{background:grey;color:#000}.darkMode section .sidebar{background:grey;color:#000;border-right-color:#282828}.darkMode section .sidebar li.active,.darkMode section .sidebar li:hover{background-color:grey}.darkMode section .sidebar__middle{border-bottom-color:#282828}.darkMode section .sidebar h2,.darkMode section .sidebar li path,.darkMode section .sidebar li span{color:#000}.darkMode section .sidebar .add-project__plus{color:#545454;font-size:18px}.darkMode section .sidebar .add-project__text{display:inline-block;color:#d3d3d3;font-size:14px;margin-left:15px}.darkMode section .sidebar .add-project__submit{background-color:#282828}.darkMode section .sidebar .add-project__cancel{color:#d3d3d3}.darkMode section .tasks{background:grey;color:#000;border-right-color:#282828}.darkMode section .tasks .add-task__plus{color:#545454;font-size:18px}.darkMode section .tasks .add-task__text{display:inline-block;color:#d3d3d3;font-size:14px;margin-left:15px}.darkMode section .tasks .add-task__submit{background-color:#282828}.darkMode section .tasks .add-task__cancel{color:#d3d3d3}.darkMode section .tasks .checkbox{border-color:#282828}.darkMode section .tasks .tasks__list li{border-bottom-color:#282828}.darkMode input{background-color:#a9a9a9!important;color:#f5f5f5;border-color:#282828}.darkMode .add-task__overlay{background-color:rgba(10,10,10,.5)}.darkMode .add-task .add-task__main{background-color:grey;color:#f5f5f5}.darkMode .add-task .add-task__cancel-x{color:#f5f5f5}.darkMode .add-task__submit{background-color:#282828}
/*# sourceMappingURL=main.4bdfd62f.chunk.css.map */