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}.App{text-align:center;background-color:#000;min-height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}a{color:#5c6bc0}input:focus{outline:none}.todo-items{padding:4.5rem 0;display:flex;flex-direction:column;flex:1 1 auto;max-width:450px;margin:auto}.form-link,.google-btn{margin-top:3rem}.mat-btn{position:relative;display:inline-block;box-sizing:border-box;border:none;border-radius:4px;padding:0 16px;min-width:64px;height:36px;vertical-align:middle;text-align:center;text-overflow:ellipsis;text-transform:uppercase;color:#fff;background-color:#5c6bc0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);font-family:"Roboto","Segoe UI",BlinkMacSystemFont,system-ui,-apple-system;font-family:var(--pure-material-font,"Roboto","Segoe UI",BlinkMacSystemFont,system-ui,-apple-system);font-size:14px;font-weight:500;line-height:36px;overflow:hidden;outline:none;cursor:pointer;transition:box-shadow .2s;text-decoration:none}.mat-btn::-moz-focus-inner{border:none}.mat-btn:before{top:0;bottom:0;left:0;right:0;transition:opacity .2s}.mat-btn:after,.mat-btn:before{content:"";position:absolute;background-color:#fff;background-color:rgb(var(--pure-material-onprimary-rgb,255,255,255));opacity:0}.mat-btn:after{left:50%;top:50%;border-radius:50%;padding:50%;width:32px;height:32px;transform:translate(-50%,-50%) scale(1);transition:opacity 1s,transform .5s}.mat-btn:focus,.mat-btn:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-btn:hover:before{opacity:.08}.mat-btn:focus:before{opacity:.24}.mat-btn:hover:focus:before{opacity:.3}.mat-btn:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mat-btn:active:after{opacity:.32;transform:translate(-50%,-50%) scale(0);transition:transform 0s}.mat-btn:disabled{color:rgba(0,0,0,.38);color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.38);background-color:rgba(0,0,0,.12);background-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.12);box-shadow:none;cursor:auto}.mat-btn:disabled:after,.mat-btn:disabled:before{opacity:0}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:rgba(0,0,0,.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:hsla(0,0%,100%,.3)}@-webkit-keyframes scale-in-tr{0%{transform:scale(0);transform-origin:100% 0;opacity:1}to{transform:scale(1);transform-origin:100% 0;opacity:1}}@keyframes scale-in-tr{0%{transform:scale(0);transform-origin:100% 0;opacity:1}to{transform:scale(1);transform-origin:100% 0;opacity:1}}@-webkit-keyframes scale-in-br{0%{transform:scale(0);transform-origin:100% 100%;opacity:1}to{transform:scale(1);transform-origin:100% 100%;opacity:1}}@keyframes scale-in-br{0%{transform:scale(0);transform-origin:100% 100%;opacity:1}to{transform:scale(1);transform-origin:100% 100%;opacity:1}}@-webkit-keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}.scale-in-br{-webkit-animation:scale-in-br .1s cubic-bezier(.55,.085,.68,.53);animation:scale-in-br .1s cubic-bezier(.55,.085,.68,.53)}.scale-in-tr{-webkit-animation:scale-in-tr .2s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-tr .2s cubic-bezier(.25,.46,.45,.94) both}.slide-in-bottom{-webkit-animation:slide-in-bottom .25s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .25s cubic-bezier(.25,.46,.45,.94) both}.login-form{display:flex;flex-direction:column;width:250px}.err-msg{justify-self:left;align-self:flex-start;font-size:small;margin-top:.25rem}.err-msg,.server-err{color:#cf6679}label{align-self:flex-start}input,label{margin-top:.5rem}input{min-height:1.5rem;border-radius:4px;border-style:none;padding:4px}.login-btn{margin-top:2rem}.App-header{position:fixed;top:0;min-height:3rem;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;border-bottom:1px solid grey;background-color:#000}.App-logo{height:3rem;margin-right:1rem}.app-title{font-size:1.75rem;margin:.75rem;background-color:#000;color:#fff;text-align:center}.profile-img{height:2.5rem;width:2.5rem;margin-left:1rem;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.profile-menu-wrap{position:absolute;transform:translateX(1.5rem)}.profile-menu{display:flex;align-items:center;justify-content:center;width:8rem;height:6rem;background-color:#212121;position:absolute;top:2.5rem;border-radius:8px}.profile-menu:after{bottom:100%;left:85%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid rgba(33,33,33,0);border-bottom-color:#212121;margin-left:-10px}#credits{position:fixed;bottom:2rem;display:flex;align-items:center}#github-link{margin:0 .5rem}.todo-item-wrapper{display:flex;align-items:center;justify-content:center;padding:0 1rem}.todo-item{width:100%;color:#fff;text-align:left;font-size:1.1rem;background-color:#000;border:none;margin:.25rem .5rem;padding:.2rem}[placeholder]:empty:before{content:attr(data-placeholder);color:#888;font-style:italic}.todo-item:focus{border-bottom:1px solid hsla(0,0%,53.3%,.6)}.todo-checked{text-decoration:line-through}.checked,.todo-checked{color:hsla(0,0%,100%,.5)}.item-menu-wrap{position:absolute;transform:translate(-6.75rem,-1rem)}.item-menu{display:flex;justify-content:space-evenly;align-items:center;width:6rem;height:3rem;background-color:#212121;margin-right:.5rem;border-radius:8px}.item-menu:after{left:92%;bottom:1rem;content:"";height:0;width:0;position:absolute;pointer-events:none;border:.5rem solid transparent;border-left-color:#212121;margin-top:-.5rem}.hidden{display:none}.handle{padding-left:10px}.overflow-icons{display:flex}i{cursor:pointer}.handle{cursor:-webkit-grabbing;cursor:grabbing}.todo-add-footer{position:fixed;bottom:0;height:4rem;width:100%;display:flex;justify-content:center;align-items:center;background-color:#000}.todo-add-wrapper{display:flex;height:2.5rem;width:calc(100% - 4rem);max-width:calc(400px - 2rem)}.todo-add-btm{border-radius:4px 0 0 4px;border:2px solid #757575;border-right:none;margin:0;display:flex;flex:1 1 auto}.todo-add-btm,.todo-add-input{color:#fff;font-size:1.25rem;background-color:#000}.todo-add-input{border:none;margin:0 .5rem;width:100%}.todo-add-btn,.todo-menu-btn{color:#757575;min-width:2.5rem;background-color:#5c6bc0;border:2px solid #5c6bc0;border-radius:4px;align-items:center;justify-content:center;display:flex;position:relative;font-weight:700;flex:initial}.todo-add-btn{color:#fff;border-radius:0 4px 4px 0}.todo-menu-btn{margin-left:1rem}.list-menu,.todo-menu-btn{background-color:#000;border:2px solid #757575;border-radius:4px}.list-menu{height:60%;width:calc(100% - 4rem - 4px);max-width:calc(396px - 2rem);position:fixed;bottom:calc(4rem - 2px);overflow-y:auto}.list-container,.list-menu{display:flex;flex-direction:column;align-items:center}.list-container{width:100%;justify-content:center}.list-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .5rem .5rem 1rem;margin:.5rem;cursor:pointer;border:1px solid #757575;border-radius:4px;width:75%}.list-icon{margin:.25rem .5rem}.new-list-input{margin:0;padding:0;background-color:#000;color:#fff;font-size:1rem}#add-list{color:#5c6bc0;border:1px solid #5c6bc0}
/*# sourceMappingURL=main.6705158f.chunk.css.map */