@font-face{font-family:mont-lt;src:url(/assets/Montserrat-Light-D49T-g1A.ttf)}@font-face{font-family:mont-lt-it;src:url(/assets/Montserrat-LightItalic-C2U8_szo.ttf)}@font-face{font-family:mont-rg;src:url(/assets/Montserrat-Regular-D3UCWjz4.ttf)}@font-face{font-family:mont-smb;src:url(/assets/Montserrat-SemiBold-CoriCZkQ.ttf)}:root{--h1-fsz: 3rem;--h2-fsz: 2.5rem;--h3-fsz: 1.9rem;--h4-fsz: 1.7rem;--p-desc-fsz: 1.6rem;--p-inter-fsz: 1.5rem;--p-fsz: 1.4rem;--bt-fsz: 1.2rem;--min-fsz: 1rem;--lt: "mont-lt";--lt-it: "mont-lt-it";--rg: "mont-rg";--smb: "mont-smb";--rd-dk: #b65050;--rd: #EA8B8B;--gn: #4a6e43;--bk: #000000;--bl: #111829;--gr: #292929;--grl: #b0b4b4;--wt: #ffffff}html{font-size:62.5%;box-sizing:border-box}body{padding:0;margin:0;background-color:var(--bl)}.app-header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:18rem;height:14vh;max-height:20rem;gap:2rem}.app-header section:first-child{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:102.4rem;margin:1.5rem;border-bottom:.05rem solid var(--grl);padding-bottom:1rem}.app-header section:nth-child(2){display:flex;justify-content:center;align-items:center;width:70%}.app-header section:nth-child(2)>label{font-family:var(--lt-it);font-size:var(--p-desc-fsz);color:var(--grl);width:fit-content;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-link,.settings-link-ico{width:4rem!important;height:4rem!important;margin:0}.settings-link{margin:0 0 0 1rem}.app-header section div{width:11rem;height:6rem;display:flex;justify-content:center;align-items:center}.dashboard-link,.dashboard-link-ico,.app-logo{width:5rem!important;height:5rem!important;margin:.5rem 6rem .5rem 0!important;display:flex;justify-content:flex-start!important;align-items:center}.dashboard-link,.dashboard-link-ico{cursor:pointer}.app-home{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:auto;margin:2rem 0}.app-home p{font-family:var(--lt);font-size:var(--h4-fsz);color:var(--wt);text-align:center;width:70%;max-width:72rem;letter-spacing:.05rem;line-height:2.5rem;margin:0}.app-home p>a:link,.app-home p>a:visited{color:var(--rd);text-decoration:none}.text-white{color:var(--wt)!important}.task-section{display:flex;flex-direction:column;align-items:center;gap:2.5rem;height:auto;margin:auto;width:90%;max-width:102.4rem}.change-email-form,.register-form,.login-form,.task-form,.recover-pass-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:102.4rem;height:auto;margin:auto;border-bottom:.05rem solid var(--grl)}.register-form,.recover-pass-form{border-bottom:none;margin-bottom:3rem}.change-email-form{width:100%}.change-email-form,.login-form{border-bottom:none}.main-recover-pass{display:flex;flex-direction:column;width:90%;max-width:102.4rem;height:34rem;margin:auto;gap:1.5rem}.recover-pass-form{margin:0 auto;justify-content:center}.task-form{width:100%}.change-email-form input,.recover-pass-form input,.register-form input,.login-form input,.task-form input,.task-form textarea{font-family:var(--lt);font-size:var(--p-fsz);color:var(--wt);padding:1rem;border:none;outline:none;border-radius:1rem;background-color:var(--gr)}.task-form input,.task-form textarea{width:90%;max-width:68rem}.task-form input{height:2.5rem}.recover-pass-form input,.register-form input,.login-form input{min-width:25rem;width:60%;max-width:46rem;height:2.5rem}.change-email-form input{max-width:48rem;width:85%;min-width:24rem;height:2.5rem}.login-form~label{font-family:var(--rg);font-size:var(--p-fsz);color:var(--grl);margin:1rem auto;width:fit-content;display:flex}.login-google-button{font-family:var(--smb);font-size:var(--bt-fsz);display:flex;align-items:center;justify-content:center;height:4rem;width:18rem;padding:.5rem 1rem;margin:1rem auto 4.2rem;border:none;border-radius:.5rem;cursor:pointer;gap:.5rem}.login-google-button img{width:3rem}.dashboard{width:100%;margin:0 0 2rem}.dashboard-no-logged{display:flex;justify-content:center;align-items:center;width:100%;height:70vh;margin:0}.task-form textarea{height:8rem;resize:none}.change-email-form input::placeholder,.recover-pass-form input::placeholder,.register-form input::placeholder,.login-form input::placeholder,.task-form input::placeholder,.task-form textarea::placeholder{font-family:var(--lt-it);font-size:var(--p-fsz);color:var(--grl)}.change-email-form button,.recover-pass-form button,.register-form button,.login-form button,.task-form button{font-family:var(--smb);font-size:var(--bt-fsz);color:var(--wt);width:12rem;height:3rem;background-color:var(--gn);border:none;box-shadow:none;border-radius:.5rem;cursor:pointer}.task-form button{margin-bottom:2rem}.register-form>label,.login-form>label{font-family:var(--lt);font-size:var(--bt-fsz);color:var(--grl)}.span-error-taskform{font-family:var(--lt-it)!important;font-size:var(--p-fsz)!important}.login-form>label>a:link,.login-form>label>a:visited{font-family:var(--smb);color:var(--gn);text-decoration:none}.modal-register-error button,.modal-login-error button{background-color:var(--bl)!important}.are-logged{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:35rem;height:65vh;max-height:68rem}.are-logged h4{font-size:var(--h2-fsz);text-align:center}.are-logged p{width:95%;max-width:102.4rem;font-family:var(--lt);font-size:var(--p-desc-fsz);color:var(--grl);text-align:center;margin:1rem}.app-header section a:link,.app-header section a:visited,.are-logged a:link,.are-logged a:visited{font-family:var(--rg);font-size:var(--p-desc-fsz);text-align:center}.app-header section a:link,.app-header section a:visited{color:var(--rd);text-decoration:none;width:11rem}.are-logged a:link,.are-logged a:visited{color:var(--gn)}.task-list{display:flex;align-items:flex-start;justify-items:center;justify-content:center;gap:2rem;width:100%;max-width:102.4rem;height:50vh;padding:0;overflow-y:auto;scrollbar-width:thin}.app-header section h1>a{font-family:var(--smb)!important;font-size:var(--h1-fsz)!important;color:var(--wt)!important;margin:0;height:fit-content}.pending-task,.done-task{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}.list{display:flex;flex-direction:column;align-items:center;justify-items:center;justify-content:center;gap:2rem;width:100%;height:auto;padding:0}.element-list{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:80%;max-width:102.4rem;height:10rem;list-style:none;padding:1rem;border-radius:1rem;background-color:var(--gr)}.element-list>:first-child{display:flex;justify-content:space-between;width:95%}.element-list>div>h4{width:fit-content;margin:0}.element-list>div>img{width:1.7rem;height:2.5rem;margin:0 0 0 .5rem;cursor:pointer}h1{font-family:var(--smb);font-size:var(--h1-fsz);color:var(--wt);letter-spacing:.1rem;text-align:center;width:fit-content;margin:1rem auto}h2{font-family:var(--rg);font-size:var(--h2-fsz);color:var(--wt);letter-spacing:.1rem;text-align:center;width:fit-content;margin:1rem auto}h3{font-family:var(--rg);font-size:var(--h3-fsz);color:var(--wt);letter-spacing:.1rem;text-align:center;display:flex;margin:0}h4{font-family:var(--rg);font-size:var(--h4-fsz);color:var(--wt);letter-spacing:.1rem;display:inline-block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.buttons-container{display:flex;justify-content:flex-end;gap:2rem;flex-wrap:wrap;margin:0 0 0 auto}.buttons-container button,.selection-container button,.modal-task-description button{font-family:var(--smb);font-size:var(--p-fsz);color:var(--wt);min-width:12rem;width:25%;max-width:15rem;height:2.5rem;margin:0;border:none;box-shadow:none;border-radius:.5rem;cursor:pointer}.buttons-container button:first-child{background-color:var(--gn)}.buttons-container button:last-child{background-color:var(--rd-dk)}.buttons-container button:only-child{color:var(--bk);background-color:var(--grl);width:14.5rem}li span{font-family:var(--lt);font-size:var(--min-fsz);color:var(--wt);width:fit-content;margin:.5rem 0 0}.modal-body,.loader{display:flex;place-items:center;place-content:center;top:0;left:0;position:fixed;width:100%;height:100vh;background-color:#00000050}.loader{background-color:var(--bl)}.loader-content{display:flex;flex-direction:column;place-items:center;height:auto;gap:1.5rem}.loader-content img{width:5rem}.modal-content{display:flex;flex-direction:column;place-items:center;background-color:var(--wt);width:75%;max-width:62rem;height:auto;padding:2rem;gap:1.5rem;border-radius:1rem}.modal-content h3{font-family:var(--smb);font-size:var(--h3-fsz);color:var(--bk);text-align:center;letter-spacing:0;margin:.5rem 0}.modal-content label{font-family:var(--smb);font-size:var(--p-desc-fsz);margin:0 0 1rem}.modal-task-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.modal-task-description h4{color:var(--bk);margin:0 0 1rem!important}.modal-task-description label{font-size:var(--p-inter-fsz)}.modal-task-description p{font-family:var(--rg);font-size:var(--p-desc-fsz);color:var(--bk);text-align:justify;width:100%;height:auto;margin:0 0 1rem}.modal-task-description button{background-color:var(--rd-dk);margin:0 0 0 auto}.selection-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;height:fit-content}#confirmDelete{background-color:var(--rd-dk)}#cancelDelete{background-color:var(--bl)}#acceptError{font-family:var(--smb);font-size:var(--bt-fsz);color:var(--wt);letter-spacing:.1rem;width:10rem;height:2.5rem;border:none;box-shadow:none;border-radius:.5rem;background-color:var(--bl);cursor:pointer}.app-footer{font-family:var(--rg);width:100%;min-height:18rem;height:16vh;max-height:20rem;display:flex;align-items:center;justify-content:center;padding-top:2rem;margin:auto}.app-footer>section{height:100%;width:90%;max-width:102.4rem;border-top:.1rem solid var(--grl);display:flex;flex-direction:column;align-items:center;justify-content:center}.app-footer>section>p{font-size:var(--p-fsz);color:var(--grl)}.app-footer>section>a{width:3rem;background-color:var(--grl);border-radius:.5rem;padding:.3rem .3rem 0}.title-login-register-recover{height:6rem;display:flex;justify-content:center;align-items:center;margin:0}.settings-block{display:flex;margin:4rem auto 0;width:90%;max-width:102.4rem;min-height:35rem;border-top:.1rem solid var(--grl);padding:2rem 0 0}.aside-settings,.frame-settings{width:30%;height:50vh;min-height:25rem}.aside-settings{border-right:.1rem solid var(--grl)}.aside-settings ul,.frame-settings ul{display:flex;flex-direction:column;align-items:flex-start;list-style:none;gap:2rem;padding:0}.title-change,.aside-settings ul li,.frame-settings ul li{font-family:var(--rg);font-size:var(--h4-fsz);color:var(--wt);height:fit-content!important;margin:0 1.5rem 0 0}.aside-settings ul li:hover{cursor:pointer}.frame-settings{width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-chg-em{width:80%;display:flex;flex-direction:column;gap:2rem}@media screen and (max-width: 850px){.settings-block{flex-direction:column;padding-top:1rem}.aside-settings,.frame-settings{width:100%;min-height:15rem}.aside-settings{display:flex;height:13rem;border-right:none;border-bottom:.1rem solid var(--grl);padding-bottom:1rem}.aside-settings ul,.frame-settings ul{margin:auto 0;gap:1.2rem}.frame-settings{display:flex;flex-direction:column;justify-content:center;align-items:center;height:25rem}.frame-settings ul{padding:3rem 0}.frame-settings h2{padding:3rem 0 0}h3{margin:1rem auto}}@media screen and (max-width: 780px){.app-home{margin:1rem 0}li:not(li:last-child span){justify-content:space-around}.buttons-container{display:flex;justify-content:center;gap:1rem;margin:0 auto}.buttons-container button,.selection-container button,.modal-task-description button{font-size:var(--bt-fsz);min-width:10rem;width:25%;max-width:12rem}.buttons-container button:only-child{min-width:13rem}}@media screen and (max-width: 600px){h1,.app-header section h1>a{font-size:var(--h2-fsz)!important;margin:1rem auto}.app-header section:nth-child(2)>label{font-size:var(--p-inter-fsz)}.dashboard-link,.dashboard-link-ico,.app-logo{width:4.5rem!important;height:4.5rem!important;margin:.5rem 3.5rem .5rem 0!important}.settings-link,.settings-link-ico{width:3.5rem!important;height:3.5rem!important;margin:0}.settings-link{margin:0 0 0 1rem}.aside-settings ul li,.frame-settings ul li{font-size:var(--p-inter-fsz)}h2{font-size:var(--h3-fsz)}h3{font-size:var(--p-desc-fsz)}h4{font-size:var(--p-fsz);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h4 img{margin:0 0 0 1rem}.app-header section div{width:8rem;height:6rem}.app-header section a:link,.app-header section a:visited{font-size:var(--bt-fsz);width:8rem}.app-home p{font-size:var(--p-fsz);width:80%}.are-logged h4{font-size:var(--h3-fsz)}.are-logged p{font-size:var(--p-inter-fsz)}.modal-content h3{font-size:var(--h4-fsz)}.modal-content label{font-size:var(--p-inter-fsz)}.modal-task-description p,.modal-task-description label{font-size:var(--bt-fsz);letter-spacing:0}.modal-task-description h4{font-size:var(--p-fsz)}.task-form input,.task-form textarea,.task-form input::placeholder,.task-form textarea::placeholder{font-size:var(--bt-fsz)}}@media screen and (max-width: 519px){li:not(li:last-child span){height:13rem}}@media screen and (max-width: 480px){.task-list{flex-wrap:wrap}li:not(li:last-child span){height:8rem}.pending-task,.done-task{width:100%}}@media screen and (max-width: 420px){h1,.app-header section h1>a{font-size:var(--h3-fsz)!important}.app-header section:nth-child(2)>label{font-size:var(--p-fsz)}.app-header section>div,.app-header section>div>a:link,.app-header section>div>a:visited{width:6rem}.dashboard-link,.dashboard-link-ico,.app-logo{width:3.5rem!important;height:3.5rem!important;margin:1.5rem 2.5rem 1.5rem 0!important}.settings-link,.settings-link-ico{width:3rem!important;height:3rem!important;margin:0}.settings-link{margin:0 0 0 1rem}.aside-settings ul li,.frame-settings ul li{font-size:var(--p-fsz)}.frame-settings h2{font-size:var(--p-desc-fsz)}.frame-settings h3{font-size:var(--p-fsz)}}@media screen and (max-width: 320px){.selection-container{flex-direction:column;gap:1.5rem}}
