*{margin:0;padding:0;box-sizing:inherit}#root{width:100%}html{font-size:62.5%;box-sizing:border-box}body{font-family:poppins;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem}textarea{resize:none;min-height:10rem;resize:vertical}h1{font-size:2rem;text-align:center;color:#3f3f3f}h2{font-size:1.6rem;color:#3f3f3f}h3{font-size:1.4rem;color:#fff}h4{font-size:1.2rem;font-weight:500;color:#8b8b8b}.task-list{color:#3f3f3f;margin-bottom:1.4rem}li{position:relative}p{font-size:1.2rem;color:#fff}.priority-task{font-size:1.4rem;color:#3f3f3f}.auth-container{display:flex;flex-direction:column;gap:1.8rem;max-width:30rem;margin:auto;justify-content:center;align-items:center}.auth-form{display:flex;flex-direction:column;gap:1.6rem;width:100%}.auth-form input{font-family:poppins;font-size:1.4rem;padding:.8rem;outline:none;border-radius:.5rem;border:1px solid #3f3f3f;transition:.6s}.auth-form input:focus{background-color:#d5d5d5}.auth-container button{font-family:poppins;font-size:1.3rem;width:100%;padding:1rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.auth-container button.signin:hover{background-color:#757575}.auth-container button.signin:focus{background-color:#757575}.auth-container button.signin{display:flex;height:3.95rem;align-items:center;justify-content:center;background-color:#3f3f3f;color:#fff}.auth-container button.signswitch{background-color:#5e9da9;color:#fff}.auth-container button.signswitch:hover{background-color:#7cc6d5}.auth-container button.signswitch:focus{background-color:#7cc6d5}.anon-login{display:flex;align-items:center;justify-content:center;height:3.95rem;font-family:poppins;background-color:#f0c966;color:#fff;width:10rem;font-size:1.2rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.anon-login:hover{background-color:#fddc88}.anon-login:focus{background-color:#fddc88}.forgot-password-container{width:100%}.forgot-password-container p{text-align:center;font-size:1.3rem;font-weight:500;color:#3f3f3f;margin-bottom:1.4rem}.forgot-password-container p.forgot-password-info{text-align:center;font-size:1.3rem;font-weight:400;color:#3f3f3f;margin-bottom:1.4rem}.forgot-password-container p.forgot-password-info:hover{text-decoration:none;cursor:none}.forgot-password-container p:hover{text-decoration:underline;cursor:pointer}.forgot-password-container .auth-form{display:flex;flex-direction:column;gap:1.6rem;width:100%}.forgot-password-container .auth-form input{font-family:poppins;font-size:1.4rem;padding:.8rem;outline:none;border-radius:.5rem;border:1px solid #3f3f3f;transition:.6s}.forgot-password-container .auth-form input:focus{background-color:#d5d5d5}.reset-password-container{position:relative}.reset-password-container .eye{position:absolute;top:3.2rem;right:1.4rem;font-size:1.7rem;color:#3f3f3f;z-index:9999;cursor:pointer;transition:.6s}.reset-password-container .eye:hover{color:#888}.reset-password{display:flex;height:3.95rem;align-items:center;justify-content:center;background-color:#a95f5f;color:#fff;font-family:poppins;font-size:1.3rem;width:100%;padding:1rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.reset-password:hover{background-color:#db7474}.reset-password:focus{background-color:#db7474}.reset-password:active{background-color:#db7474}.auth-form .input-icon-container{position:relative}.auth-form .input-icon-container input{width:100%}.auth-form .input-icon-container .eye{position:absolute;top:1.2rem;right:1.4rem;font-size:1.7rem;color:#3f3f3f;z-index:9999;cursor:pointer;transition:.6s}.auth-form .input-icon-container .eye:hover{color:#888}.heading-container{display:flex;flex-direction:column;gap:1.4rem}.heading-titles{display:flex;flex-direction:column;gap:.3rem}.heading-buttons-container{display:flex;flex-direction:column;gap:1.4rem;perspective:1000px}.crud-form-container{max-width:50rem;margin:auto;display:flex;flex-direction:column;gap:3rem;justify-content:center}.crud-form-container .logout{display:flex;align-items:center;justify-content:center;height:3.35rem;font-family:poppins;background-color:#3f3f3f;color:#fff;font-size:1.2rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.crud-form-container .logout:hover{background-color:#888}.crud-form-container .logout:focus{background-color:#888}.crud-form-container .heading-button-group{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.6rem}.crud-form{display:flex;flex-direction:column;gap:1.6rem}.crud-form-container ul{list-style-type:none;display:flex;flex-direction:column;gap:4rem}.crud-form-container li{display:flex;flex-direction:column;background-color:#3f3f3f;padding:2rem;border-radius:.5rem}.crud-form-container li:hover .task-priority-high{animation:pulse-animation-high 1s infinite}.crud-form-container li:hover .task-priority-medium{animation:pulse-animation-medium 1s infinite}.crud-form-container li:hover .task-priority-low{animation:pulse-animation-low 1s infinite}.crud-form-container .isedit{display:flex;flex-direction:column;gap:1.4rem}.crud-form-container .crud-button-group{display:flex;gap:1.4rem}.crud-form-container input,textarea{font-family:poppins;font-size:1.4rem;padding:.8rem;outline:none;border-radius:.5rem;border:1px solid #3f3f3f;transition:.6s}.crud-form-container input:focus,textarea:focus{background-color:#d5d5d5}.crud-form-container input:disabled,textarea:disabled{background-color:#d5d5d5}.crud-form-container .addtask{display:flex;justify-content:center;align-items:center;font-family:poppins;background-color:#5e7aa9;color:#fff;font-size:1.2rem;padding:.8rem;width:10rem;height:3.35rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.crud-form-container button.addtask:hover{background-color:#87a5d6}.crud-form-container button.addtask:focus{background-color:#87a5d6}.crud-form-container .isedittask{font-family:poppins;background-color:#5ea980;color:#fff;font-size:1.2rem;padding:.8rem;width:10rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.crud-form-container button.isedittask:hover{background-color:#7dc89f}.crud-form-container button.isedittask:focus{background-color:#7dc89f}.crud-form-container .deletetask{display:flex;justify-content:center;align-items:center;font-family:poppins;background-color:#a95e5e;color:#fff;font-size:1.2rem;width:10rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.crud-form-container button.deletetask:hover{background-color:#cb8b8b}.crud-form-container button.deletetask:focus{background-color:#cb8b8b}.crud-form-container .edittask{display:flex;justify-content:center;height:3.35rem;align-items:center;font-family:poppins;background-color:#5ea980;color:#fff;font-size:1.2rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.crud-form-container .edittask:hover{background-color:#7dc89f}.crud-form-container .edittask:focus{background-color:#7dc89f}.form-radio-container{display:flex;flex-direction:column;gap:1.4rem}.form-radio-container.edit-version{color:#fff}.form-radio-group{display:flex;gap:1rem}.form-control{font-size:1.4rem;cursor:pointer;transition:.6s;color:#3f3f3f}.form-control+.form-control{margin-top:1rem}.form-control:focus-within{color:#3f3f3f}.form-control-edit{font-size:1.4rem;cursor:pointer;transition:.6s;color:#fff}.form-control-edit+.form-control-edit{margin-top:1rem}.form-control-edit:focus-within{color:#fff}input[type=radio]{display:grid;cursor:pointer;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:#3f3f3f;place-content:center;width:1rem;height:1rem;border:.1rem solid #3f3f3f;border-radius:50%;transform:translateY(-.075rem);transition:.6s;-webkit-appearance:none}input[type=radio]:before{content:"";width:1rem;height:1rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem #3f3f3f;background-color:#3f3f3f;transition:.6s}input.radio-high[type=radio]:before{box-shadow:inset 1rem 1rem #d83f3f}input.radio-high[type=radio]:hover{background-color:#d83f3f}input.radio-medium[type=radio]:hover{background-color:#f3a127}input.radio-low[type=radio]:hover,input[type=radio].low-radio:hover{background-color:#5ea980}input.radio-medium[type=radio]:before{box-shadow:inset 1rem 1rem #f3a127}input.radio-low[type=radio]:before{box-shadow:inset 1rem 1rem #5ea980}input[type=radio]:checked:before{transform:scale(1)}input[type=radio]:checked{background-color:#fff!important}.task-priority{width:1.5rem;height:1.5rem;border-radius:50%;position:absolute;top:2rem;right:2rem}.task-priority-high{background-color:#d83f3f}.task-priority-medium{background-color:#f3a127}.task-priority-low{background-color:#5ea980}.priority-headings-container{display:flex;flex-direction:column;gap:1.4rem}.priority-headings-container p{display:flex;align-items:center;gap:1rem}.priority-headings-container span.high{display:flex;justify-content:center;align-items:center;background-color:#d83f3f;color:#fff;width:2.4rem;height:2.4rem;border-radius:50%;animation:pulse-animation 1s infinite}.priority-headings-container span.medium{display:flex;justify-content:center;align-items:center;background-color:#f3a127;color:#fff;width:2.4rem;height:2.4rem;border-radius:50%}.priority-headings-container span.low{display:flex;justify-content:center;align-items:center;background-color:#5ea980;color:#fff;width:2.4rem;height:2.4rem;border-radius:50%}.created-at-container{display:flex;flex-direction:column}.created-at{font-size:1.1rem}.created-at span{display:inline-block;width:8rem;text-align:center;border:1px solid #fff;color:#fff;border-radius:2rem;padding:.3rem;margin-right:1rem}.edited-task>span{background-color:#fff;color:#3f3f3f;border:1px solid #fff}.filter-container{display:flex;flex-wrap:nowrap;gap:1.4rem}.filter-by{color:#3f3f3f;font-family:poppins;font-size:1.4rem;font-weight:700;margin-bottom:1.4rem}.filter{flex-grow:1;font-family:poppins;background-color:#fff;color:#3f3f3f;font-size:1.2rem;padding:.8rem;width:8.5rem;height:3.35rem;cursor:pointer;border:1px solid #3f3f3f;border-radius:.5rem;transition:.6s;outline:none}.filter:hover,.filter-active{background-color:#3f3f3f;color:#fff}.filter-active:hover{background-color:#888;color:#fff;border:1px solid #888888}.filter:disabled{background-color:#3f3f3f;cursor:not-allowed;color:#fff;opacity:.3}.social-auth{display:flex;flex-direction:row;gap:2rem}.social-auth>a{color:#3f3f3f;width:2.6rem;height:2.6rem;transition:.6s}.social-auth>a>svg{width:100%;height:100%}.social-auth>a svg.icon-linkedin{color:#0077b5;transition:.6s}.social-auth>a svg.icon-linkedin:hover{color:#1a9be1}.social-auth>a svg.icon-github{color:#3f3f3f;transition:.6s}.social-auth>a svg.icon-github:hover{color:#888}.social-auth>a svg.icon-folder{color:#ffb700;transition:.6s}.social-auth>a svg.icon-folder:hover{color:#ffd56c}.social-heading{display:flex;flex-direction:row;gap:1rem;margin-top:.5rem}.social-heading>a{color:#3f3f3f;width:2.2rem;height:2.2rem;transition:.6s}.social-heading>a>svg{width:100%;height:100%}.social-heading>a svg.icon-linkedin{color:#0077b5;transition:.6s}.social-heading>a svg.icon-linkedin:hover{color:#1a9be1}.social-heading>a svg.icon-github{color:#3f3f3f;transition:.6s}.social-heading>a svg.icon-github:hover{color:#888}.social-heading>a svg.icon-folder{color:#ffb700;transition:.6s}.social-heading>a svg.icon-folder:hover{color:#ffd56c}.stats-container{margin-top:-.5rem}.stats-heading-container{display:flex;flex-direction:column;gap:.3rem}.stats{display:flex;align-items:center;justify-content:center;height:3.35rem;font-family:poppins;background-color:#f0c966;color:#fff;width:10rem;font-size:1.2rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.stats:hover{background-color:#fddc88}.stats:focus{background-color:#fddc88}.reset-stats{display:flex;align-items:center;justify-content:center;margin-top:1.1rem;height:3.35rem;font-family:poppins;background-color:#a95f5f;color:#fff;width:10rem;font-size:1.2rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.anon-disable{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.35rem;font-family:poppins;background-color:#3f3f3f;opacity:.3;color:#fff;font-size:1.2rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.anon-disable:hover{background-color:#3f3f3f;opacity:.3}.anon-disable:focus{background-color:#3f3f3f;opacity:.3}.anon-disable:disabled{background-color:#3f3f3f;opacity:.3;cursor:not-allowed}.reset-stats:hover{background-color:#cb8b8b}.reset-stats:focus{background-color:#cb8b8b}.reset-stats:disabled{background-color:#3f3f3f;opacity:.3;cursor:not-allowed}.loader-login{width:4.8rem;height:4.8rem;border:.5rem solid #3f3f3f;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loader-tasks-container{display:flex;gap:1rem;align-items:center}.loader-tasks-container>h3{color:#3f3f3f}.loader-tasks{width:2rem;height:2rem;border:3px dotted #3f3f3f;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}.mini-loader{width:1.4rem;height:1.4rem;border:1.4px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{align-items:center;background:#3f3f3f;padding:2rem;border-radius:8px;margin:4rem;z-index:8888}.modal p{font-size:1.4rem;color:#fff;margin-bottom:2rem}.modal-buttons{display:flex;justify-content:center;gap:2rem}.modal-buttons .modal-delete-cancel{display:flex;height:3.35rem;width:10rem;align-items:center;justify-content:center;background-color:#5ea980;color:#fff;font-family:poppins;font-size:1.3rem;padding:1rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.modal-buttons .modal-delete-cancel:hover{background-color:#7dc89f}.modal-buttons .modal-delete-confirm{display:flex;height:3.35rem;width:10rem;align-items:center;justify-content:center;background-color:#a95f5f;color:#fff;font-family:poppins;font-size:1.3rem;padding:1rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.modal-buttons .modal-delete-confirm:hover{background-color:#db7474;color:#fff}.modal-reset-password-container{text-align:center;background:#3f3f3f;padding:2rem;width:25rem;border-radius:8px;margin:4rem}.modal-reset-password-container p{font-size:1.4rem;font-weight:600}.modal-reset-form-input{font-family:poppins;font-size:1.4rem;padding:.8rem;height:3.95rem;width:20rem;outline:none;border-radius:.5rem;border:1px solid #3f3f3f;transition:.6s;margin-bottom:2rem;margin-top:2rem}.modal-reset-form-input:focus{background-color:#d5d5d5}.modal-reset-form-input:active{background-color:#d5d5d5}.modal-reset-password-btn{display:flex;height:3.95rem;width:20rem!important;align-items:center;margin:auto;justify-content:center;background-color:#a95e5e;color:#fff;font-family:poppins;font-size:1.3rem;padding:1rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.modal-reset-password-btn:hover{background-color:#db7474}.modal-reset-cancel-btn{display:flex;height:3.95rem;width:20rem!important;align-items:center;margin:auto;margin-top:2rem;justify-content:center;background-color:#5ea980;color:#fff;font-family:poppins;font-size:1.3rem;padding:1rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.modal-reset-cancel-btn:hover{background-color:#7dc89f}.updating-password-input{width:100%;margin-bottom:2rem}.update-password-button{display:flex;align-items:center;justify-content:center;height:3.35rem;font-family:poppins;background-color:#5e9da9;color:#fff;font-size:1.2rem;padding:.8rem;cursor:pointer;border:none;border-radius:.5rem;transition:.6s;outline:none}.update-password-button:hover{background-color:#7cc6d5}.update-password-button:focus{background-color:#7cc6d5}.update-password{position:relative}.update-password input{width:100%}.update-password .eye{position:absolute;top:1.2rem;right:1.4rem;font-size:1.7rem;color:#3f3f3f;z-index:9999;cursor:pointer;transition:.6s}.update-password .eye:hover{color:#888}.note-container{display:flex;background-color:#f2f2f2;max-width:30rem;flex-direction:column;margin:auto;gap:.8rem;padding:2rem;border-radius:.5rem}.note{color:#3f3f3f;font-size:1.2rem;line-height:1.6}.note span.bold{font-weight:600}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-animation{0%{box-shadow:0 0 #d63939}to{box-shadow:0 0 0 10px #66131300}}@keyframes pulse-animation-high{0%{box-shadow:0 0 #d83f40}to{box-shadow:0 0 0 10px #66131300}}@keyframes pulse-animation-medium{0%{box-shadow:0 0 #f3a127}to{box-shadow:0 0 0 10px #66131300}}@keyframes pulse-animation-low{0%{box-shadow:0 0 #5ea980}to{box-shadow:0 0 0 10px #66131300}}@media screen and (max-width: 27.5em){.crud-form-container .heading-button-group{flex-direction:column-reverse}.heading-buttons-container{flex-direction:row;width:100%}.crud-form-container .logout,.update-password-button{width:50%}}@media screen and (max-width: 28.75em){.filter-container{flex-wrap:wrap}.filter{flex-grow:1}}@media screen and (max-width: 21.875em){.heading-buttons-container{flex-direction:column}.crud-form-container .logout,.update-password-button{width:100%}}