*,:after,:before{box-sizing:border-box;list-style-type:none;margin:0;padding:0;text-decoration:none}body{align-items:center;background:#111;color:#fff;font-family:Roboto,Arial,sans-serif;justify-content:center;max-width:100vw;min-height:100vh}.content,body{display:flex;flex-direction:column}.content{border:1px solid #7fff00;border-radius:1%;gap:1vh;padding:5vh 5vw}.btn{align-items:center;background:transparent;border:none;border-radius:.3em;cursor:pointer;display:flex;flex:1 1;font-size:1.2em;font-weight:700;justify-content:center;outline:none;padding:3% 6%;width:100%}.btn-primary{border:1px solid #7fff00;color:#7fff00}.btn-primary:hover,.btn-secundary{text-decoration:underline}.btn-secundary{color:#ddd}.btn-secundary:hover{color:#fff}#Error404 p,#Error404>{text-align:center}a{color:#7fff00}a:hover{text-decoration:underline}div#titlewithicon{align-items:center;display:flex;flex-direction:row;gap:.5vw}div#titlewithicon>.icon{color:#7fff00;cursor:pointer;max-height:5vh;max-width:5vw;min-height:25px;min-width:25px}form.content{gap:3vh}form>div{display:flex;flex-direction:column;gap:.5vh}form>div>label{display:block}form>div>input{background:transparent;border:1px solid #7fff00;border-radius:5px;color:#fff;display:block;min-width:250px;outline:none;padding:15px 10px;transition:all .5s ease-in-out;width:30vw}form>div>input[type=password]::-ms-reveal{filter:invert(100%)}form>button{transition:all .5s ease-in-out}button.error,button.error:hover,div>input.error,div>small{border-color:red;transition:all .5s ease-in-out}button.error,button.error:hover{color:red;cursor:default;text-decoration:none}div#titleTasksScreen{align-items:center;display:flex;gap:5vw;justify-content:flex-start;margin-bottom:1vh}div#titleTasksScreen h1{font-size:clamp(1rem,5vw,2rem)}div#titleTasksScreen svg{color:#7fff00;cursor:pointer;display:block;font-size:1.5rem;margin:0 .5vw;padding-bottom:2px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}div#titleTasksScreen svg:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}div#titleTasksScreen button{background:none;border:none}.taskcontent{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff09;border-bottom:1px solid #7fff00;border-left:1px solid #7fff00;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;font-size:2rem;justify-content:space-between;margin-top:20px}.taskcontent h1{word-wrap:break-word;display:flex;flex:1.96 0;font-size:clamp(1.5rem,5vw,2rem);max-width:100%;padding:15px 0 15px 10px;word-break:break-all}.completed h1{text-decoration:line-through}.completed{opacity:.5}.input-task{align-items:stretch;display:flex;flex-direction:row;height:auto;justify-content:center;width:100%}input#txttask{-webkit-appearance:none;appearance:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff09;border:1px solid #7fff00;border-radius:5px 0 0 5px;border-right:none;border-top:none;color:#fff;display:block;flex:3 1;font-size:clamp(1rem,5vw,2rem);outline:none;padding:10px;width:100%}input#txttask::-webkit-input-placeholder{font-size:clamp(1rem,5vw,2rem)}input#txttask::placeholder{font-size:clamp(1rem,5vw,2rem)}.input-task>.btn-primary{background:#ffffff11;border:none;border-bottom:1px solid #7fff00;border-radius:0 .3em .3em 0}.btns{display:flex;flex:1 0;flex-direction:row;font-size:clamp(1rem,5vw,2rem);gap:1vw}.btns svg{font-size:1.5rem;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out}.btns>.btn.btn-primary{background-color:#ffffff11;border:none;border-radius:0 .3rem .3rem 0}.btns>.btn.btn-primary:hover svg{-webkit-transform:scale(1.11);transform:scale(1.11)}.editScreen{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#111111af;border-radius:1%;display:flex;flex-direction:column;height:100vh;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.editScreen div{outline:1px solid #7fff00;padding:2rem;width:100%}.editScreen form{border-radius:1rem;max-height:80vh;max-width:80vw}.editScreen label{display:block;font-size:clamp(1rem,5vw,2rem);width:100%}.editScreen textarea{border-radius:1%;font-size:clamp(1rem,1vw,3rem);height:100%;padding:3.5%;width:100%}.editScreen input{min-width:0;padding:5%}.editScreen button,.editScreen input{font-size:clamp(1rem,5vw,2rem);width:100%}.editScreen button{background:transparent;border-radius:0 0 1% 1%;color:#7fff00;cursor:pointer;outline:1px solid #7fff00;padding:2vh 0}.editScreen button:focus{text-decoration:underline}.editScreen button:hover{background-color:#111}
/*# sourceMappingURL=main.ce4b02a3.css.map*/