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;outline:none;box-sizing:border-box}:root{--primary-color:#0b3fcc;--primary-background:linear-gradient(60deg,#0b3fcc 30%,#4811c7 70%);--completed-todo:linear-gradient(155deg,#007940 30%,#218e16 70%);--background-gradient:linear-gradient(120deg,#15572d 20%,#235848);--deleting-red:#ce2e2e}.animate__animated{--animate-duration:0.5s!important}body{background:linear-gradient(90deg,#3010ff,#6473ff);color:#fff;font-family:"Poppins",sans-serif;padding-top:10px;padding-bottom:10px;max-height:100%}.center{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.container{background-color:#000;max-width:600px;border-radius:15px;padding-top:20px;padding-bottom:20px;background-image:radial-gradient(circle at top right,#1f1d44,#140d2d,#000)}header{font-size:2rem}.title{font-size:38px;text-align:center}.title,.todoText{background:transparent;color:#fff;font-family:"Poppins";border:none;width:100%}.todoText{font-size:1.2rem;text-align:left}.todoText:disabled{pointer-events:none}form#principal,header{min-height:20vh;display:flex;justify-content:center;align-items:center;padding-left:25px;padding-right:15px}form#principal button,form#principal input{padding:.5rem;font-size:1.5rem;text-align:left}form#principal input[type=text]{min-width:70px;width:100%;max-width:250px;height:60px;background-color:#000;color:#fff;border:2px solid #0b3fcc;border:2px solid var(--primary-color);border-radius:15px 0 0 15px}form#principal input[type=text]:focus{background-color:#000}form#principal button,form#principal input[type=text]:focus{color:#fff;border:2px solid #0b3fcc;border:2px solid var(--primary-color)}form#principal button{background:linear-gradient(60deg,#0b3fcc 30%,#4811c7 70%);background:var(--primary-background);cursor:pointer;transition:all .3s ease;height:60px;border-radius:0 15px 15px 0}ul{min-width:30%;list-style:none;width:100%!important;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.completed{background-position:0!important;text-decoration:line-through;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;transition:all 1s ease}.completed li{color:#fff!important}.deleting{background-color:#ce2e2e!important;background-color:var(--deleting-red)!important;opacity:0;margin-left:60px!important}.deleting button,.deleting input{opacity:1}.todo{transition-property:background-position,background-color,opacity,margin-left;transition-duration:.5s;padding-left:10px;margin:.8rem;font-size:1.2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid;border-color:#2b285c!important;border-radius:16px;background:linear-gradient(260deg,transparent 80%,#329001,#008204);background-size:800%;background-position:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.todo input[type=checkbox]{transform:scale(1.5);opacity:0}.todo:hover input[type=checkbox]{opacity:1}.filter-todo{padding:1rem}.todo li{flex:1 1}.btns{background:rgba(0,0,0,.349);overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:50px;opacity:0;transition:all .2s ease-in-out}.edit-btn{color:#ff0}.trash-btn{color:#ce2e2e;color:var(--deleting-red)}.todo button{background:transparent;border:none;padding:1rem;cursor:pointer;font-size:1rem;height:100%}.todo:hover .btns{opacity:1}.deleting .btns,.deleting:hover .btns{opacity:0}.todo-item{padding:0 .5rem;max-width:400px;border-radius:20px}.fa-check,.fa-trash,i{pointer-events:none}.todo form{background:transparent!important;border:none!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background-image:none}.select{margin:1rem;position:relative;border:2px solid #0b3fcc;border:2px solid var(--primary-color);border-radius:15px;overflow:hidden}select{color:#fff!important;font-family:"Poppins",sans-serif;cursor:pointer;min-width:9rem;width:9rem;max-width:9rem;background-color:#000!important}.select:after{content:"\25BC";position:absolute;top:0;right:0;padding:1rem .5rem;background:linear-gradient(60deg,#0b3fcc 30%,#4811c7 70%);background:var(--primary-background);cursor:pointer;pointer-events:none;border-radius:0}@keyframes appear{0%{transform:translateX(-80px);opacity:0;line-height:0}50%{line-height:20px}to{transform:translateX(0);opacity:1}}@media screen and (max-width:400px){.select:after{opacity:0}.select{padding-left:none!important}}@media screen and (max-width:600px){.container{width:100%;border-radius:0}}@media screen and (min-width:440px){.todo{width:400px}}
/*# sourceMappingURL=main.26c9b73d.chunk.css.map */