:root{--content-bg:#fff;--sidebar-bg:#fafafa;--sidebar-hover-bg:#ddd;--border-color:#ddd;--max-mobile-width:750px}html{-webkit-font-smoothing:antialiased}*{outline:none}body{margin:0;padding:0;font-family:sans-serif;overscroll-behavior:none}#sidebar{display:block;position:absolute;top:0;left:0;bottom:0;width:240px;overflow-y:auto;overscroll-behavior:contain;background:var(--sidebar-bg);z-index:10}@media screen and (max-width:750px){#sidebar{width:100%;background:var(--content-bg)}}#content{background:#fff;position:absolute;top:0;right:0;bottom:0;left:240px;overflow-y:auto;overscroll-behavior:contain}@media screen and (max-width:750px){#content{left:0}}.header-root{padding:16px 24px}@media (min-width:600px){.header-root{padding:16px 32px}}.header-icon{font-size:32px!important;vertical-align:middle;margin-right:12px}.header-text{font-size:32px;display:inline-block;vertical-align:middle}.todo-list .todo-item{font-size:40px}.hoverable .show-on-hover{display:none}.hoverable:hover .show-on-hover{display:block}@media screen and (max-width:750px){.hoverable:hover .show-on-hover{display:none}}.fade-enter{opacity:.01;z-index:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.fade-enter.fade-enter-active{-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.fade-enter.fade-enter-active,.fade-exit{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.fade-exit.fade-exit-active{opacity:.01;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.fadein-enter{opacity:.01;z-index:1;-webkit-transform:translate(40px);-ms-transform:translate(40px);transform:translate(40px)}.fadein-enter.fadein-enter-active{-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.fadein-enter.fadein-enter-active,.fadein-exit{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.fadein-exit.fadein-exit-active{-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.fadein-exit.fadein-exit-active,.fadeout-enter{opacity:.01;-webkit-transform:translate(-20px);-ms-transform:translate(-20px);transform:translate(-20px)}.fadeout-enter{z-index:1}.fadeout-enter.fadeout-enter-active{-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.fadeout-enter.fadeout-enter-active,.fadeout-exit{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.fadeout-exit.fadeout-exit-active{opacity:.01;-webkit-transform:translate(40px);-ms-transform:translate(40px);transform:translate(40px);-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}