#root{max-width:100vw;margin:0 auto}.subtitle{color:var(--subtitle-font-color);line-height:1.5;font-weight:500;letter-spacing:1.5px;font-size:x-small}.categorie{display:flex;gap:15px}.task-categorie{width:100%;padding:1rem;margin:10px 0 15px;background-color:var(--background-darker-color);font-size:x-large;font-weight:500;letter-spacing:.2px;border-radius:20px;box-shadow:0 6px 12px #0006}.task-categorie-count{font-size:small;font-weight:500;margin:5px 0;color:#50639b}.task-categorie-bar{width:100%;height:2px;margin-top:10px;background-color:#384770;border-radius:25%}.subtitle-section{display:flex;justify-content:space-between;align-items:center}.subtitle-section-select{padding:.5rem;margin:20px 0;background-color:var(--background-darker-color);font-size:smaller;letter-spacing:1px;border-radius:20px;border:none}.task{padding:1rem;margin:10px 0;background-color:var(--background-darker-color);font-size:medium;border-radius:20px;display:flex;align-items:center;justify-content:space-between}.task:last-child{margin-bottom:15vh}.task>div{display:flex;align-items:center}.incomplete{margin:0 15px 0 0;width:30px}.incomplete-text{width:270px}.complete{margin:0 15px 0 0;width:30px;fill:#aaa}.complete-text{text-decoration:line-through;color:#aaa;width:270px}.trash-icon{width:25px;height:25px;transition:.3s}.trash-icon:active{color:var(--background-button)}.add-task{position:fixed;padding:12px;bottom:10vh;right:5vw;width:50px;height:50px;border-radius:100%}.add-task:hover{background-color:#d006e2;color:#d4d4d4d7;transition:.3s}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.overlay-content{min-width:50%;min-height:25%;display:flex;flex-direction:column;align-items:baseline;justify-content:center;background-color:var(--background-color);padding:20px;border-radius:10px;position:relative;gap:10px}.exit-overlay{top:0;right:0;position:absolute;width:40px;height:40px;margin-top:15px}.new-task{font-size:small;padding:.6em;background-color:var(--background-darker-color);border-radius:20px}.select-overlay{font-size:small;padding:.5em;background-color:var(--background-darker-color);border-radius:20px;border:none}.overlay-button{font-size:small;position:absolute;bottom:20px;right:20px;padding:5px 15px;align-items:center;width:fit-content;display:flex;gap:5px;box-shadow:0 8px 16px #0003;border-radius:20px}.overlay-button:hover{background-color:#d006e2;color:#d4d4d4d7;transition:.3s}.overlay-button svg{width:20px}footer{position:fixed;width:100%;bottom:0;left:0;text-align:center;padding:10px;font-size:12px;color:var(--subtitle-font-color);z-index:-90}.signature{margin-top:5px}.signature__author{font-weight:700}@media (min-width: 500px){.subtitle{font-size:small}.task{padding:1.4rem}.incomplete-text,.complete-text{width:390px}.add-task{width:60px;height:60px}}@media (min-width: 1000px){.task-categorie-bar{margin-top:20px}.trash-icon:hover,.trash-icon:active{color:var(--background-button)}.add-task{bottom:5vh;right:30vw}.overlay-content{min-width:20%;min-height:25%}}:root{--background-color: #344FA1;--background-darker-color: #041955;--background-button: #EB06FF;--subtitle-font-color: #89A6F2;--blue-button: #227BFF;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1{margin:70px 0 40px;font-size:35px}body{margin:0 5vw;display:flex;max-width:100vw;max-height:100vh}button{background-color:var(--background-button);box-shadow:0 4px 8px #0003;border:none;transition:background-color .3s}input{border:none}@media (min-width: 500px){h1{font-size:45px}}