body{background-color:#17181f;color:#ddd}*{box-sizing:border-box}main{margin:80px auto 20px;max-width:300px}div.taskContainer{max-height:50vh;overflow-y:scroll;padding-right:2px;padding-top:5px}div.taskContainer::-webkit-scrollbar{width:5px}div.taskContainer::-webkit-scrollbar-thumb{background-color:#61dafb;border-radius:5px}div.taskContainer::-webkit-scrollbar-track{background-color:#30313d;border-radius:5px}form{border:3px solid #30313d;border-radius:10px;display:flex;padding:5px}form input[type=text]{background:none;border:0;color:#fff;display:block;padding:0 8px;width:100%}form button{background-color:#61dafb;border:0;border-radius:6px;cursor:pointer}div.task{align-items:center;background-color:#30313d;border-radius:10px;display:flex;margin-top:5px;padding:5px 9px;transition:opacity .3s linear}div.task.done{opacity:.3;position:relative}div.task svg{fill:#61dafb;height:20px;margin-right:6px}div.task span{position:relative}div.task form,div.taskName{flex-grow:1}div.task span:before{background-color:#ddd;content:"";display:block;height:1px;position:absolute;top:10px;transition:width .1s linear;width:0}div.task.done span:before{width:100%}h1,h2{text-align:center}div.container{display:flex}p.user{font-weight:700;margin-left:1em}div.checkbox{align-items:center;display:flex}button.trash{background:none;border:none;cursor:pointer;display:flex}button.trash svg{fill:#aaa;height:14px}div.task input{border:2px solid #555;border-radius:5px;padding:2px 4px}ul{list-style:none;margin:0;padding:0}a{color:#aaa}a,a.iconButton{text-decoration:none}a.iconButton{align-items:center;color:var(--text-color);justify-content:center;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}a.iconButton:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}img.UserImg{border-radius:50%;height:50px;position:absolute;right:10px;width:50px}img.UserImg:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}nav.nav{background-color:rgba(0,0,0,.367);border-bottom:var(--border);left:0;position:fixed;top:0;width:100%}ul.nav-nav{display:flex;height:100%;justify-content:flex-end;max-width:100%}li.nav-item{align-items:center;display:flex;justify-content:center}.dropdown{background-color:#484a4d;border-radius:var(--border-radius);height:1%;overflow:hidden;padding-left:.15rem;padding-right:.15rem;position:absolute;top:56px;-webkit-transform:translateX(-51%);transform:translateX(-51%);transition:height var(--speed) ease;width:300px}.menu{width:100%}.menu-item{align-items:center;border-radius:var(--border-radius);display:flex;height:50px;padding:.5rem;transition:background var(--speed)}.menu-item .icon-button:hover{-webkit-filter:none;filter:none}.menu-item:hover{background-color:#404346}.icon-right{margin-left:auto}.menu-primary-enter{opacity:0;position:absolute;-webkit-transform:translateX(-110%);transform:translateX(-110%)}.menu-primary-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity var(--speed) ease,-webkit-transform var(--speed) cubic-bezier(.68,-.55,.265,1.55);transition:transform var(--speed) cubic-bezier(.68,-.55,.265,1.55),opacity var(--speed) ease;transition:transform var(--speed) cubic-bezier(.68,-.55,.265,1.55),opacity var(--speed) ease,-webkit-transform var(--speed) cubic-bezier(.68,-.55,.265,1.55)}.menu-primary-exit{position:absolute}.menu-primary-exit-active{opacity:0;-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:opacity var(--speed) ease,-webkit-transform var(--speed) cubic-bezier(.68,-.55,.265,1.55);transition:transform var(--speed) cubic-bezier(.68,-.55,.265,1.55),opacity var(--speed) ease;transition:transform var(--speed) cubic-bezier(.68,-.55,.265,1.55),opacity var(--speed) ease,-webkit-transform var(--speed) cubic-bezier(.68,-.55,.265,1.55)}.menu-secondary-enter{opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%)}.menu-secondary-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.menu-secondary-enter-active,.menu-secondary-exit-active{transition:opacity var(--speed) ease,-webkit-transform var(--speed) cubic-bezier(.68,-.55,.265,1.55);transition:transform var(--speed) cubic-bezier(.68,-.55,.265,1.55),opacity var(--speed) ease;transition:transform var(--speed) cubic-bezier(.68,-.55,.265,1.55),opacity var(--speed) ease,-webkit-transform var(--speed) cubic-bezier(.68,-.55,.265,1.55)}.menu-secondary-exit-active{opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%)}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}:root{--bg:#242526;--bg-accent:#484a4d;--text-color:#dadce1;--border:1px solid #61dafb;--border-radius:8px;--speed:500ms}svg.svgexp{fill:#aaa;height:22px;-webkit-transform:translateX(.25em);transform:translateX(.25em)}svg.svgtrash{fill:#aaa;height:22px;-webkit-transform:translateX(-.23em);transform:translateX(-.23em)}main.loginpage{height:24em}main.loginpage,main.registerpage{background-color:none;border:1px;border-color:#efe9e9;border-radius:1em;border-style:solid;margin:3em auto;width:21em}main.registerpage{height:28em}main.errpage{background-color:none;border:1px;border-color:#efe9e9;border-radius:1em;border-style:solid;height:13em;margin:3em auto;width:21em}.input-container{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.input-label{display:block;margin-bottom:5px;text-align:center}.input-field{background-color:#cdcaca;border:2px solid #61dafb;border-radius:4px;padding:5px;width:65%}.button-container{display:flex;justify-content:center;margin-top:20px}.submit-button{background-color:#aaa;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.submit-button:hover{background-color:#61dafb}.center-text{display:flex;justify-content:center;margin-top:10px}.registerpage{background-color:none;border:1px;border-color:#efe9e9;border-radius:1em;border-style:solid;height:12em;margin:3em auto;width:21em}h4.joinus{margin-top:20px;text-align:center}.redirectRegister{color:#61dafb}svg.componentssvg{fill:#aaa;height:22px}
/*# sourceMappingURL=main.7046bf86.css.map*/