@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Silkscreen:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Silkscreen:wght@400;700&display=swap";form button{margin-top:10px}input,textarea{padding:10px 14px;margin:8px 0;box-sizing:border-box;border:none;border-radius:10px;background-color:#4d4b4b;color:#fff;outline:none;box-shadow:inset 3px 3px 8px #3c3a3a,inset -3px -3px 8px #5e5c5c;transition:all .2s ease-in-out;font-size:1rem;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}input:focus,textarea:focus{background-color:#3c3a3a;color:#fff;box-shadow:inset 2px 2px 5px #2a2a2a,inset -2px -2px 5px #4f4f4f}input.invalid{background-color:#b56565;transition:all .3s ease-in-out}i{cursor:pointer}button{border-radius:10px;padding:10px 14px;background-color:#4d4b4b;border:none;color:#98ff98;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:-5px -5px 20px #3c3a3a,5px 5px 20px #3c3a3a;transition:all .2s ease-in-out}button:hover{background-color:#3c3a3a;box-shadow:-4px -4px 15px #2d2c2c,4px 4px 15px #5e5c5c}button:active{background-color:#4d4b4b;box-shadow:inset 2px 2px 5px #2a2a2a,inset -2px -2px 5px #4f4f4f;transform:scale(.98)}fieldset{padding:12px;border:none;border-radius:10px}.fa-eye,.fa-eye-slash{margin-left:10px;cursor:pointer;font-size:larger;transition:.2s ease-in-out}.fa-eye:hover,.fa-eye-slash:hover{color:#f90;text-shadow:0px 0px 12px #feb47b,0 0 0em #feb47b,0 0 .2em #feb47b}.eye-div{display:flex;align-items:center}a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#4caf50;border:none;border-radius:25px;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 4px 6px #0003}a i{font-size:18px;transition:transform .3s ease-in-out}a:hover{background-color:#45a049;box-shadow:0 6px 8px #0000004d;transform:translateY(-2px)}a:hover i{transform:translate(-5px)}a:active{background-color:#388e3c;transform:translateY(1px);box-shadow:0 2px 4px #0003}.form-div{margin:0 auto;padding:20px;width:90%;max-width:600px;background:linear-gradient(145deg,#4b4b6a,#2c2c3e);border-radius:12px;box-shadow:0 6px 20px #0000004d;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:16px}.form-div fieldset{border:2px solid #7cff7c;padding:20px;border-radius:12px;background-color:#3e3e5e}.form-div legend{text-align:start;font-size:1.2rem;font-weight:700;color:#b0f7b0}.form-div input,.form-div textarea{width:100%;padding:12px;margin-top:8px;color:#b0f7b0;border:1px solid #4b4b6a;border-radius:8px;font-size:1rem}.form-div input:focus,.form-div textarea:focus{outline:none;border-color:#7cff7c;background-color:#21212e}.form-div button{background-color:#7cff7c;color:#2c2c3e;border:none;padding:12px 20px;margin-top:20px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out,transform .2s}.form-div button:hover{background-color:#45a049;transform:scale(1.05)}.form-div button:focus{outline:none}.form-div button:active{transform:scale(.95)}.form-div a{background-color:#7cff7c;color:#2c2c3e;border:none;padding:12px 20px;margin-top:20px;font-size:1.1rem;border-radius:8px;cursor:pointer;text-align:center;display:inline-block;transition:background-color .2s ease-in-out,transform .2s;text-decoration:none}.form-div a:hover{background-color:#45a049;transform:scale(1.05)}.form-div a:focus{outline:none}.form-div a:active{transform:scale(.95)}.form-div .eye-div i{cursor:pointer}.form-div p{margin:0;color:#ff7f7f}.form-div .disable-button{background-color:#a6a6a6;color:#4b4b4b;cursor:not-allowed}.form-div .enable-button{background-color:#7cff7c}@media (max-width: 768px){.form-div{width:95%;padding:15px}.form-div legend{font-size:1.6rem}.form-div input,.form-div textarea{font-size:.9rem}.form-div button{font-size:1rem;padding:10px 15px}}.disable-button{cursor:not-allowed;box-shadow:none;color:red}.disable-button:hover{box-shadow:none;background-color:transparent;text-decoration:line-through}.disable-button:active{transform:none}.enable-button{cursor:pointer;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;color:#00ff7f}.enable-button:hover{box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;color:#00ff7f}.enable-button:active{box-shadow:inset 4px 4px 4px 4px #00000080,inset -4px -4px 4px 4px #ffffff80}.dashboard{display:flex;justify-Content:center;flex-direction:column;align-items:center;gap:70px}.footer{position:fixed;bottom:0;left:0;background:linear-gradient(145deg,#4b4b6a,#2c2c3e);width:100vw;padding:20px;text-align:center;color:#fff;font-size:1rem;font-family:Arial,sans-serif;border-top:2px solid #7cff7c;box-shadow:0 -4px 10px #0000004d}.footer p{margin:0;color:#b0f7b0}.footer:hover{background:linear-gradient(145deg,#2c2c3e,#1a1a26);box-shadow:0 -6px 12px #0006}@media (max-width: 768px){.footer{padding:15px;font-size:.9rem}}.header h1{margin:0 auto;font-weight:bolder;background-image:linear-gradient(to right,#ff7e5f,#a8e4a0);-webkit-background-clip:text;color:transparent;text-shadow:1px 1px 2px #a8e4a0,0 0 0em #a8e4a0,0 0 .2em #a8e4a0;position:relative;width:275px}.header h1:after{content:"";background-color:#a8e4a0;box-shadow:1px 1px 2px #a8e4a0,0 0 #a8e4a0,0 0 .2em #a8e4a0;position:absolute;left:0;right:0;bottom:3px;height:10px;width:inherit;border-radius:10px;animation-name:underline;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.header h1 span{font-family:Caveat,Arial;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;font-size:80px}.header h1 span:nth-child(2){animation-name:second}.header h1 span:nth-child(4){animation-name:fourth}.header h1 span:nth-child(6){animation-name:sixth}.header h1 span:nth-child(8){animation-name:eighth}@keyframes second{10%{text-shadow:1px 1px 2px #00ff7f,0 0 0em #00ff7f,0 0 .2em #00ff7f;color:#00ff7f}}@keyframes fourth{30%{text-shadow:1px 1px 2px #00ff7f,0 0 0em #00ff7f,0 0 .2em #00ff7f;color:#00ff7f}}@keyframes sixth{50%{text-shadow:1px 1px 2px #00ff7f,0 0 0em #00ff7f,0 0 .2em #00ff7f;color:#00ff7f}}@keyframes eighth{55%{text-shadow:1px 1px 2px #00ff7f,0 0 0em #00ff7f,0 0 .2em #00ff7f;color:#00ff7f}}@keyframes underline{50%{box-shadow:1px 1px 2px #00ff7f,0 0 #00ff7f,0 0 .2em #00ff7f;background-color:#00ff7f}}.pop-up{margin:10px;background-color:#98ff98;color:#f0f8ff;position:fixed;top:0;right:0;font-size:10px;text-align:center;border-radius:5px;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;padding:2px;z-index:1;transition:2s ease-in-out}.pop-up p{padding:5px;font-size:large}.startpage{color:#f5f5f5;text-align:center;padding:50px;max-width:50%;margin:auto;transition:box-shadow .3s ease;border-radius:10px}.startpage ul{list-style-type:none;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.startpage ul li{margin:15px 0;font-size:1.3em;width:400px;font-size:30px;cursor:pointer;padding:10px;border-radius:8px;transition:.2s all ease-in-out;background-color:#1a232f;border:2px solid #34495e;color:#f5f5f5}.startpage ul li:hover{box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;color:#00ff7f;background-color:#1c2833;border-color:#00ff7f}.startpage ul li:active{box-shadow:inset 4px 4px 4px 4px #00000080,inset -4px -4px 4px 4px #ffffff80;background-color:#34495e;color:#f5f5f5}@media (max-width: 1300px){.startpage{max-width:70%}.startpage ul li{width:200px;font-size:20px}}@media (max-width: 700px){.startpage{max-width:90%}}.update-form,.profile{margin:0 auto;padding:20px;width:90%;max-width:600px;background:linear-gradient(145deg,#4b4b6a,#2c2c3e);border-radius:12px;box-shadow:0 6px 20px #0000004d;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:16px}.update-form h1,.profile h3{text-align:center;font-size:1.8rem;color:#a259ff}.update-form form,.profile-data,.update-form fieldset,.profile p{border:2px solid #7cff7c;padding:20px;border-radius:12px;background-color:#3e3e5e}.update-form legend,.profile h3{text-align:start;font-size:1.2rem;font-weight:700;color:#b0f7b0}.update-form input,.update-form textarea,.profile p{width:100%;padding:12px;margin-top:8px;color:#b0f7b0;border:1px solid #4b4b6a;border-radius:8px;font-size:1rem}.update-form input:focus,.update-form textarea:focus{outline:none;border-color:#7cff7c;background-color:#21212e}.update-form button,.profile a{background-color:#7cff7c;color:#2c2c3e;border:none;padding:12px 20px;margin-top:20px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out,transform .2s}.update-form button:hover,.profile a:hover{background-color:#45a049;transform:scale(1.05)}.update-form button:focus,.profile a:focus{outline:none}.update-form button:active,.profile a:active{transform:scale(.95)}@media (max-width: 768px){.update-form,.profile{width:95%;padding:15px}.update-form h1,.profile h3{font-size:1.6rem}.update-form input,.update-form textarea,.profile p{font-size:.9rem}.update-form button,.profile a{font-size:1rem;padding:10px 15px}}.list-container{transition:.1s all ease-in-out;margin:20px auto;width:95vw;background-color:#1e1e2f;border-radius:8px;padding:20px;color:#f5f5f5;box-shadow:0 4px 8px #0003}.list-container li{list-style-type:none}.list-container:hover{background-color:#29293d}.filter-tasks{display:flex;justify-content:space-around;background-color:#4a148c;border-radius:8px;padding:10px;margin-bottom:20px}.filter-tasks li{list-style-type:none;color:#fff;font-weight:700}.list-actions{display:flex;align-items:center;justify-content:space-evenly;margin:10px}.list-actions i{font-size:30px}.task-div{width:100%;background-color:#2c2c3a;border-radius:8px;padding:10px;box-shadow:0 2px 4px #0000001a}.fa-square-check,.fa-check,.pencil-done{color:#4caf50}.fa-square-xmark,.pencil-update{color:#f44336}.fa-pencil,.fa-trash{cursor:pointer}.fa-pencil{color:#03a9f4}.fa-trash{color:#d84315}.fa-broom{color:brown}.checked{color:green}.unchecked{color:red}.task{word-break:break-word;border:2px solid #3a3a4a;padding:15px;border-radius:8px;background-color:#2e2e3e;color:#e0e0e0}.task:hover{background-color:#3a3a4f;border-color:#4caf50}.list{display:flex;justify-content:space-between;align-items:center;background-color:#21212e;border-radius:8px;padding:10px;margin-bottom:10px}.task-option{display:flex;gap:15px;align-items:center;margin-left:10px;font-size:30px}i:hover{transform:scale(1.1)}.update-list{display:flex;flex-direction:column;align-items:start}.create-form{margin:30px auto;padding:20px;width:90%;max-width:600px;background-color:#2e2e3e;border-radius:8px;box-shadow:0 4px 12px #0003;color:#f5f5f5;font-family:Arial,sans-serif;display:flex;flex-direction:column}.create-form h1{text-align:center;font-size:1.8rem;margin-bottom:20px;color:#e0e0e0}.create-form fieldset{border:2px solid #4caf50;padding:20px;border-radius:8px;background-color:#3a3a4f;margin-bottom:20px}.create-form legend{font-size:1.2rem;font-weight:700;color:#e0e0e0;margin-bottom:10px}.create-form input[type=text],.create-form textarea{width:100%;padding:12px;margin-top:8px;background-color:#2e2e3e;color:#e0e0e0;border:1px solid #3a3a4a;border-radius:8px;font-size:1rem;resize:vertical}.create-form input[type=text]:focus,.create-form textarea:focus{outline:none;border-color:#4caf50;background-color:#21212e}.create-form button{background-color:#4caf50;color:#fff;border:none;padding:12px 20px;margin-top:20px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out}.create-form button:hover{background-color:#45a049}.create-form button:focus{outline:none}@media (max-width: 768px){.create-list-form{width:95%}.create-list-form h1{font-size:1.6rem}.create-list-form input[type=text],.create-list-form textarea{font-size:.9rem}.create-list-form button{font-size:1rem;padding:10px 15px}}.nav-link{color:#f5f5f5;text-align:center;width:100vw;transition:box-shadow .3s ease;background:linear-gradient(145deg,#4b4b6a,#2c2c3e);border-radius:10px}.nav-link ul{list-style-type:none;padding:0;display:flex;justify-content:space-evenly;flex-direction:row;align-items:center;flex-wrap:wrap}.nav-link ul li{margin:15px 0;width:150px;cursor:pointer;padding:10px;border-radius:8px;transition:.2s all ease-in-out;background-color:#1a232f;border:2px solid #34495e;color:#f5f5f5}.nav-link ul li:hover{box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;color:#00ff7f;background-color:#1c2833;border-color:#00ff7f}.nav-link ul li:active{box-shadow:inset 4px 4px 4px 4px #00000080,inset -4px -4px 4px 4px #ffffff80;background-color:#34495e;color:#f5f5f5}*{font-family:Nunito,Arial,sans-serif;font-weight:600;margin:0;padding:0;box-sizing:border-box}html{background:#29293d;background-repeat:no-repeat;background-size:cover;color:#f5f5f5;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;display:flex;justify-content:center;width:fit-content;height:100vh}body{display:flex;flex-direction:column;height:100vh;width:100vw;margin:0}