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}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f6d365}::-webkit-scrollbar-thumb:hover{background:#fda085}body{background-image:linear-gradient(120deg,#f6d365,#fda085);color:#fff;font-family:"Poppins",sans-serif;min-height:100vh}header{font-size:4vw}form,header{min-height:20vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}form button,form input{padding:.5rem;font-size:2rem;border:none;background:#fff}form button{color:#ff6f47;background:#f7fffe;cursor:pointer;border-radius:0 .5rem .5rem 0;outline:none;transition:all .3s ease}form input{border-radius:.5rem 0 0 .5rem;outline:none;max-width:60%}form button:hover{background:#ff6f47;color:#fff}.todo-container{display:flex;justify-content:center;align-items:center;transition:width 2s linear}.todo-list{min-width:30%;max-width:80%;max-height:50vh;overflow:hidden;overflow-y:scroll;list-style:none}.todo{margin:.5rem;background:#fff;font-size:1.5rem;color:#000;display:flex;justify-content:space-between;align-items:center;max-height:3rem;max-width:100%;overflow:hidden;border-radius:0 .5rem .5rem 0}.filter-todo{padding:1rem}.todo li{flex:1 1;width:70%;white-space:nowrap}.complete-btn{border-radius:0}.trash-btn{border-radius:0 .5rem .5rem 0}.complete-btn,.trash-btn{background:#ff6f47;color:#fff;border:none;padding:1rem;cursor:pointer;font-size:1rem;outline:none}.complete-btn{background:#0bd4a2}.todo-item{padding:0 .5rem}.fa-check,.fa-trash{pointer-events:none}.fall{transform:translateY(10rem) rotate(20deg);opacity:0}.completed{text-decoration:line-through;opacity:.5}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background-image:none}.select{margin:1rem;position:relative;overflow:hidden}select{color:#ff6f47;font-family:"Poppins",sans-serif;cursor:pointer;width:12rem}.select:after{content:"\25BC";position:absolute;top:0;right:0;padding:1rem;background:#ff6f47;cursor:pointer;pointer-events:none}.select:hover:after{transform:scale(1.5)}.todo-enter{width:0}.todo-enter-active{width:100%;transition:width 1s ease-in}.todo-exit{width:100%;opacity:1}.todo-exit-active{width:0;opacity:0;transition:all 1s ease-out}
/*# sourceMappingURL=main.e4d71676.chunk.css.map */