body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;height:auto;min-height:100vh;overflow-x:hidden}body,html{margin:0;padding:0;width:100vw}h1,h3{color:#ff6f47;margin:5px 0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-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)}}.todo-tableRow{background-color:#fff;box-sizing:border-box;height:60px;justify-content:space-between;margin:10px 0;min-width:200px}.todo-tableRow,.todo-task{align-items:center;display:flex}.todo-task{flex-wrap:wrap;padding:10px;width:100%}.todo-buttonContainer{box-sizing:border-box;display:flex;flex-direction:row;height:auto;margin-left:10px}.check{background-color:hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5)}.completed{text-decoration:line-through}.fade{background-color:hsla(0,0%,100%,.5)}.fade-check{background:rgba(11,212,162,.5)!important;color:hsla(0,0%,100%,.5)!important}.button-check{background:#0bd4a2}.button-check,.button-trash{border:none;color:#fff;height:60px;width:60px}.button-trash{background:#ff6f47}.fade-trash{background:rgba(255,111,71,.5)!important;color:hsla(0,0%,100%,.5)}.button-check:hover,.button-trash:hover{cursor:pointer}.fall{opacity:0;-webkit-transform:translateY(10rem) rotate(30deg);transform:translateY(10rem) rotate(30deg);transition:all .5s ease}td{margin:0;padding:0}.home{height:auto}.home,.home-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.home-container{background-image:linear-gradient(90deg,#f6d365,#fda085);height:100%;margin:0 10px}.header-container{align-items:center;background-image:linear-gradient(90deg,#f6d365,#fda085);flex-direction:column;justify-content:center;margin:0 10px;min-height:20vh;padding-left:10px;padding-right:.5rem;position:-webkit-sticky;position:sticky;top:0}.header-container,.username{box-sizing:border-box;display:flex;width:100%}.username{justify-content:space-between;margin-top:20px;max-width:600px;padding-right:10px}.logout{display:flex}.logout-button{background-color:transparent;border:none}.logout-button:hover{cursor:pointer}h2{font-size:2rem;font-weight:bolder}.logout-icon,h2{color:#fff}.home-form{display:flex;flex-direction:row;justify-content:space-between}.table{display:flex;flex-direction:column;justify-content:center;margin:10px;min-width:200px;padding-right:10px}.todo-title{color:#fff;font-size:1.5rem;margin:0;padding:0;text-align:center}.userInput{align-items:center;display:flex;height:100%;max-width:600px;padding-bottom:1rem;padding-right:10px}.todo-input,.userInput{box-sizing:border-box;width:100%}.todo-input{border:none;font-size:1.2rem;font-weight:700;height:52px;padding:0 1rem}.todo-input:focus{outline:none}.home-form{width:100%}.add-button{background-color:#fff;border:none;color:#fff;display:flex;padding:0}.add-button:hover{cursor:pointer}.add-plus{background-color:#fff;box-sizing:border-box;height:52px;padding:.5rem}.add-plus-hover,.fa-plus{background-color:#ff6f47}.fa-plus{border-radius:5px;color:#fff}.fa-plus:before{align-items:center;display:flex;font-size:1.7rem;justify-content:center;padding:.2rem}.fa-plus-hover{background-color:#fff;color:#ff6f47}.filtered-todos{display:flex;height:52px;padding-left:1.1rem}.filtered-todosContainer{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.custom-select{box-sizing:border-box;margin-left:20px}.filter-todo{padding:15px}.select{display:flex;position:relative}select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:none;border:0;box-shadow:none;color:#ff6f47;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;max-height:52px;outline:0;width:12rem}.select:after{align-items:center;background:#ff6f47;content:"\25BC";cursor:pointer;display:flex;height:52px;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;width:45px}.select:hover:after{background-color:#fff;color:#ff6f47}.signup{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;max-height:650px;max-width:500px;padding-top:1rem;position:relative;width:100%}.big-font{font-size:1rem;font-weight:700}.register-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:0 10px;width:100%}.top-right-fold{background:linear-gradient(45deg,hsla(0,0%,50%,.1) 50%,transparent 0,#000 0);box-shadow:-7px 7px 10px 2px rgba(0,0,0,.3);height:100px;position:absolute;right:0;top:0;width:100px}.signup-form{max-width:300px;width:100%}.button-div,.signup-email,.signup-form{display:flex;flex-direction:column}.button-div{justify-content:space-between;margin:10px 0;width:100%}.button-div>button{border:none;color:#ff6f47;font-size:1rem;font-weight:700;padding:1rem}.button-div>button:hover{background-color:#ff6f47;color:#fff;font-size:1rem;font-weight:700}.signup-title{align-items:flex-start;display:flex;justify-content:flex-start}.signup-title>h3{margin:0;padding:0}.error-msg{font-size:.8rem;margin:5px 0}.signup-confirmPassword{box-sizing:border-box;display:flex;flex-direction:column}.signup-submitButton{margin-bottom:10px}.login-container{background-color:#000;height:100vh;max-width:100vw;padding:20px 0}.login,.login-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative}.login{background-color:#fff;flex-direction:column;height:100%;margin:0 10px;max-height:650px;max-width:500px;overflow-x:hidden;overflow-y:hidden;width:100%}.login:after{background:linear-gradient(45deg,hsla(0,0%,50%,.1) 50%,transparent 0,#000 0);box-shadow:-7px 7px 10px 2px rgba(0,0,0,.3);content:"";height:100px;position:absolute;right:0;top:0;width:100px}.login-username{box-sizing:border-box;margin:10px}.login-signup-container{height:100%}.form-container,.login-signup-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%}.form-container{padding-bottom:20px}.login-form{box-sizing:border-box;display:flex;flex-direction:column;max-width:300px;position:relative;width:100%}.font-big{font-size:1rem;font-weight:700}.login-password{box-sizing:border-box;display:flex;flex-direction:column;margin:10px}.popup{align-items:center;display:flex;height:100%;justify-content:center;max-height:600px;max-width:600px;position:absolute;width:100%;z-index:0}.top{top:0}.bottom{top:110%}.slide-up{-webkit-animation:bottomToTop 1s;animation:bottomToTop 1s;top:0;z-index:1}.slide-down,.slide-up{transition-timing-function:ease-in-out}.slide-down{-webkit-animation:topToBottom 1s;animation:topToBottom 1s;top:110%;z-index:0}.button-container{display:flex;flex-direction:column;justify-content:space-between;margin:0 10px}.input{box-sizing:border-box;padding:.5rem;width:100%}.button-container>button{border:none;color:#ff6f47;font-size:1rem;font-weight:700;padding:1rem}.button-container>button:hover{background-color:#ff6f47;color:#fff;font-size:1rem;font-weight:700}.login-submitButton{margin-bottom:10px}.login-email{margin:10px}.margin-top-bottom{margin:5px 0}@-webkit-keyframes bottomToTop{0%{opacity:0;top:110%}to{opacity:1;top:0}}@keyframes bottomToTop{0%{opacity:0;top:110%}to{opacity:1;top:0}}@-webkit-keyframes topToBottom{0%{opacity:1;top:0}to{opacity:0;top:110%}}@keyframes topToBottom{0%{opacity:1;top:0}to{opacity:0;top:110%}}
/*# sourceMappingURL=main.b016ec69.css.map*/