.clock{font-size:calc(10px + 1vh)}.progressbar{position:relative;min-height:4px;height:4px;margin:20px 6px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.filler{min-width:10px;height:100%;-webkit-transition:width 200 ease-in;transition:width 200 ease-in}.text{margin:0 2px 0 10px;color:#999;position:relative;font-size:10px;bottom:4px;font-family:Lato Light}.todoitem{opacity:0;min-height:15px;height:15px;-webkit-align-self:center;align-self:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:5px;background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1));background:linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1))}.checkbox{width:30px;margin:2px 0 0}.value{width:100%;margin:0 10px;padding:5px}.value.done{text-decoration:line-through;color:#999}.remove{width:30px;padding:2px 0 0;background:transparent;border:none}.todolist{min-height:200px;height:calc(88vh - 50px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 10px}.todolist h1{text-align:left;margin:0 7px}.inner-scrollbar,.scrollbar{padding:0 10px 0 0}.inner-scrollbar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.todos{padding:20px;-webkit-flex-grow:1;flex-grow:1;background:#fff;color:#282c34;border-radius:10px;overflow:auto}.todos.reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-justify-content:flex-end;justify-content:flex-end}.new-todo{position:-webkit-sticky;position:sticky;top:0;outline:none;text-align:center;padding:6px;margin:5px 6px 20px;font-size:20px;font-family:Lato Light;border:1px solid #c9cdd6;border-radius:5px}.new-todo:hover{border:1px solid #b6bcc7}.new-todo:focus,.new-todo:hover{background:-webkit-linear-gradient(bottom,#f9fafa,#fff 70%);background:linear-gradient(0deg,#f9fafa,#fff 70%)}.new-todo:focus{border:1px solid #dc143c}.todoitems{margin:0 20px}.app{text-align:center;color:#fff}#bgPersonal{background-color:#f0b456;background-image:-webkit-linear-gradient(280deg,#f0b456,#e94078);background-image:linear-gradient(170deg,#f0b456,#e94078)}#bgPersonal,#bgWork{margin:auto;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}#bgWork{background-color:#6bb8e7;background-image:-webkit-linear-gradient(280deg,#6bb8e7,#545ddc);background-image:linear-gradient(170deg,#6bb8e7,#545ddc)}#bgShopping{margin:auto;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#38ef7d;background-image:-webkit-linear-gradient(280deg,#38ef7d,#11998e);background-image:linear-gradient(170deg,#38ef7d,#11998e)}.sliding-enter{opacity:.01}.sliding-enter-active{opacity:1;-webkit-transition:opacity .45s ease-out;transition:opacity .45s ease-out}.app-header{height:12vh;min-height:80px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:calc(15px + 1.2vh);font-family:Lato Light}.app-header h1{margin:0}.app-header .stats{font-size:calc(8px + .8vh);margin:2vh 0 0;width:110px;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.app-footer,.app-header .stats{display:-webkit-flex;display:flex}.app-footer{height:50px;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:8px;font-family:Lato Light}.app-footer svg{vertical-align:text-bottom}.app-footer a:active,.app-footer a:link,.app-footer a:visited{color:#fff;text-decoration:none}.settings{margin:50px 0 0;padding:20px 0;border-top:1px dotted #999;-webkit-flex-grow:0;flex-grow:0;-webkit-align-self:center;align-self:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}@font-face{font-family:Lato;src:url(/static/media/Lato-Regular.eae698da.eot);src:url(/static/media/Lato-Regular.eae698da.eot?#iefix) format("embedded-opentype"),url(/static/media/Lato-Regular.c864a89d.woff2) format("woff2"),url(/static/media/Lato-Regular.32640cf9.woff) format("woff"),url(/static/media/Lato-Regular.77fdd370.ttf) format("truetype"),url(/static/media/Lato-Regular.5ba06abb.svg#Lato-Regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/static/media/Roboto-Regular.b9077621.eot);src:url(/static/media/Roboto-Regular.b9077621.eot?#iefix) format("embedded-opentype"),url(/static/media/Roboto-Regular.9feb0110.woff2) format("woff2"),url(/static/media/Roboto-Regular.94dac78e.woff) format("woff"),url(/static/media/Roboto-Regular.4312f1fb.ttf) format("truetype"),url(/static/media/Roboto-Regular.8528a548.svg#Roboto-Regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Lato Light;src:url(/static/media/Lato-Light.b88e8e7f.eot);src:url(/static/media/Lato-Light.b88e8e7f.eot?#iefix) format("embedded-opentype"),url(/static/media/Lato-Light.9eb45457.woff2) format("woff2"),url(/static/media/Lato-Light.a700567d.woff) format("woff"),url(/static/media/Lato-Light.44de093c.ttf) format("truetype"),url(/static/media/Lato-Light.367ccd37.svg#Lato-Light) format("svg");font-weight:300;font-style:normal}@font-face{font-family:Roboto Light;src:url(/static/media/Roboto-Light.35d85034.eot);src:url(/static/media/Roboto-Light.35d85034.eot?#iefix) format("embedded-opentype"),url(/static/media/Roboto-Light.ed4b08d2.woff2) format("woff2"),url(/static/media/Roboto-Light.10ad0f86.woff) format("woff"),url(/static/media/Roboto-Light.2382fa8a.ttf) format("truetype"),url(/static/media/Roboto-Light.c7c92899.svg#Roboto-Light) format("svg");font-weight:300;font-style:normal}body{margin:0;padding:0;font-family:Roboto Light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Lato Light;font-weight:400}
/*# sourceMappingURL=main.cc8582a3.chunk.css.map */