body{margin:0;min-height:100vh;position:relative}#root{height:100%;width:100%}.app-container{background:fixed linear-gradient(#1f2833,#c5c6c7);height:100%;margin:0}.app-container .app{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;min-height:100vh}.login-btn,.register-btn{background-color:#66fcf1;border-radius:5px;color:#0b0c10;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:550;letter-spacing:.7px;margin:10px;padding:2px 10px;text-decoration:none}.register-btn{background-color:#45a29e}.navbar-container{border-bottom:3px solid #66fcf1;border-radius:.3em;clear:both;display:grid;grid-template-columns:1fr 2fr 1fr;margin-bottom:10px;text-align:center}.navbar-container .navbar-left{align-items:center;display:flex;justify-content:center}.navbar-container .navbar-left h3{color:#c5c6c7;font-family:Poppins,sans-serif;font-size:1.2em;font-weight:500;letter-spacing:2px;text-shadow:-1px 1px 2px #0b0c10}.navbar-container .navbar-left .material-symbols-outlined{color:#66fcf1;font-size:1.5em;font-variation-settings:"FILL" 0,"wght" 800,"GRAD" 100,"opsz" 48;padding:5px}.navbar-container .navbar-middle{align-items:center;display:flex;justify-content:space-around;padding:30px}.navbar-container .navbar-middle a{border-bottom:1px #0000;color:#66fcf1;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:1.2px;text-decoration:none}.navbar-container .navbar-middle .active{border-bottom:1px solid #c5c6c7;border-radius:.25em;color:#45a29e;letter-spacing:2px}.navbar-container .navbar-right{align-items:center;color:#c5c6c7;display:flex;flex-direction:column;font-family:Source Sans\ 3,sans-serif;justify-content:center}.navbar-container .navbar-right .unauthed-user{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.navbar-container .navbar-right .unauthed-user .welcome-text{font-family:Source Sans\ 3,sans-serif;font-size:1.1em;letter-spacing:1.2px;margin-bottom:10px;text-shadow:-1px 1px 5px #0b0c10}.navbar-container .navbar-right .authed-user{align-items:center;display:flex;flex-direction:column;justify-content:center}.navbar-container .navbar-right .authed-user .welcome-text{font-family:Source Sans\ 3,sans-serif;font-size:1.1em;letter-spacing:1.2px;margin:0 10px;text-shadow:-1px 1px 5px #0b0c10}.navbar-container .navbar-right .logout-btn{color:#0b0c10;color:red;padding:10px}.navbar-container .navbar-right .edit-user-btn,.navbar-container .navbar-right .logout-btn{background-color:#66fcf1;background-color:inherit;border:none;border-radius:5px;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:550;letter-spacing:.7px;margin:10px;text-decoration:none}.navbar-container .navbar-right .edit-user-btn{color:#0b0c10;color:#45a29e;padding:2px 10px}@media screen and (max-width:600px){.navbar-container{display:flex;flex-direction:column;grid-template-columns:none;height:200px}.navbar-container .navbar-right{align-items:center;display:flex;justify-content:center}.navbar-container .navbar-right .unauthed-user{padding:10px}.navbar-container .navbar-right .authed-user{flex-direction:row;padding:10px}.navbar-container .navbar-middle{padding:10px}}.home-wrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(2,2fr);height:100%;margin:0 10px}.home-wrapper .block{align-items:center;border-radius:5px;box-shadow:1px 1px 5px #0b0c10;color:#66fcf1;display:flex;flex-direction:column;font-family:Source Sans\ 3,sans-serif;justify-content:center;letter-spacing:1.3px}.home-wrapper .block p{font-size:1.2em;font-weight:400;padding:5px 20px}.home-wrapper .block1{border:5px #0000}.home-wrapper .block2{align-items:flex-start;padding:5px;text-shadow:-1px 1px 5px #0b0c10}.home-wrapper .block2 .material-symbols-outlined{font-size:3em;margin-left:20px}.home-wrapper .block3{color:#0b0c10;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:500;text-align:left;text-shadow:.5px .5px 1px #66fcf1}.home-wrapper .block3 p{font-family:Poppins,sans-serif;font-weight:600}.home-wrapper .block4{border:3px solid #66fcf1;color:#0b0c10;text-align:center}.home-wrapper .block4 p{font-family:Source Sans\ 3,sans-serif;font-size:1.3em;font-weight:600}@media screen and (max-width:600px){.home-wrapper{grid-template-columns:100%;grid-template-rows:repeat(4,2fr)}}.footer-wrapper{align-items:center;background-color:#0b0c10;clear:both;color:#66fcf1;display:flex;font-family:Poppins,sans-serif;font-size:1.2em;height:50px;justify-content:center;margin-top:10px;padding:10px;text-align:center}.footer-wrapper span{padding:5px}.about-wrapper{grid-gap:10px;align-items:center;color:#0b0c10;display:grid;grid-template-columns:1fr 1fr;height:100%;letter-spacing:1.3px;margin:20px;text-shadow:.2px -.2px 1px #66fcf1}.about-wrapper .about-img{height:80%}.about-wrapper .about-text{border-radius:5px;margin-bottom:10px;padding:5px}.about-wrapper .about-text h3{font-size:1.3em;text-transform:uppercase}.about-wrapper .about-text h3,.about-wrapper .about-text h4{font-family:Poppins,sans-serif;font-weight:550;margin:0}.about-wrapper .about-text li,.about-wrapper .about-text p{font-family:Source Sans\ 3,sans-serif;font-size:1.1em;letter-spacing:.8px;margin:5px 0}@media screen and (max-width:600px){.about-wrapper{grid-template-columns:100%;grid-template-rows:repeat(2,1fr)}.about-wrapper .about-img{height:100%;margin-bottom:10px}}.register-page-wrapper{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr;height:100%;margin:0 20px}.register-page-wrapper .registration-form{align-items:center;border-bottom:5px solid #66fcf1;border-radius:1rem;border-top:5px solid #66fcf1;display:flex;flex-direction:column;justify-content:center;text-align:center}.register-page-wrapper .registration-form h3{background-color:#c5c6c7;border:2px solid #66fcf1;border-radius:.5em;color:#1f2833;font-family:Poppins,sans-serif;font-size:1.3em;font-weight:500;padding:5px 10px}.register-page-wrapper .registration-form input{background-color:#c5c6c7;border:2px solid #66fcf1;border-radius:5px;box-shadow:0 0 5px #0b0c10;color:#0b0c10;font-family:Source Sans\ 3,sans-serif;font-size:1.2em;font-weight:500;margin-bottom:10px;padding:10px 20px}@media screen and (max-width:600px){.register-page-wrapper{grid-template-columns:1fr;grid-template-rows:repeat(2,2fr)}}.login-page-wrapper{grid-gap:10px;align-content:center;display:grid;grid-template-columns:1fr 1fr;height:100%;margin:0 20px;overflow:auto}.login-page-wrapper .login-form{align-items:center;border-bottom:5px solid #66fcf1;border-radius:1rem;border-top:5px solid #66fcf1;display:flex;flex-direction:column;justify-content:center;text-align:center}.login-page-wrapper .login-form h3{background-color:#c5c6c7;border:2px solid #66fcf1;border-radius:.5em;color:#1f2833;font-family:Poppins,sans-serif;font-size:1.3em;font-weight:500;padding:5px 10px}.login-page-wrapper .login-form input{background-color:#c5c6c7;border:2px solid #66fcf1;border-radius:5px;box-shadow:0 0 5px #0b0c10;color:#0b0c10;font-family:Source Sans\ 3,sans-serif;font-size:1.2em;font-weight:500;margin-bottom:10px;padding:10px 20px}@media screen and (max-width:600px){.login-page-wrapper{display:grid;grid-template-columns:2fr;grid-template-rows:repeat(2,2fr)}}.task-page-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.task-page-wrapper .list-heading{border-radius:5px;box-shadow:-2px 2px 10px #66fcf1;color:#c5c6c7;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:3px;margin:10px 0;padding:5px 10px;text-align:center;text-shadow:-2px 2px 5px #0b0c10;text-transform:uppercase}.task-page-wrapper .master-list-wrapper{margin-bottom:30px}.task-page-wrapper .category-list-wrapper{display:flex;justify-content:center;margin-bottom:30px}.task-page-wrapper .completed-list{width:70vw}@media screen and (max-width:600px){.category-list-wrapper{flex-direction:column}}.task-modal-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.task-modal-container .modal-heading{color:#0b0c10;font-family:Poppins,sans-serif;font-size:1.2em;font-weight:500;letter-spacing:1.5px;margin:0;text-shadow:0 0 5px #66fcf1}.task-modal-container .modal-fields{margin-bottom:30px}.task-modal-container .modal-fields input{background-color:#c5c6c7;background-color:#1f2833;border:2px solid #66fcf1;border-radius:5px;box-shadow:0 0 5px #0b0c10;color:#0b0c10;color:#c5c6c7;font-family:Source Sans\ 3,sans-serif;font-size:1.2em;font-size:1.1em;font-weight:500;letter-spacing:1px;margin-bottom:10px;padding:10px 20px;text-align:center;width:300px}.task-modal-container .modal-fields input:focus::placeholder{color:#1f2833}.task-modal-container .modal-fields input::placeholder{color:#c5c6c7;font-family:Source Sans\ 3,sans-serif;font-size:.9em;font-weight:400;letter-spacing:1px;text-shadow:0 0 1px #66fcf1}.task-modal-container .modal-submit-btn{background-color:#66fcf1;border-radius:5px;box-shadow:0 0 5px #0b0c10;color:#0b0c10;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:550;letter-spacing:.7px;margin:10px;padding:2px 10px;text-decoration:none}.delete-task-modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.delete-task-modal .modal-text{font-family:Source Sans\ 3,sans-serif;font-size:1.2em;justify-content:flex-start;letter-spacing:.7px;margin-bottom:10px;text-shadow:0 0 2px #45a29e}.delete-task-modal .modal-buttons{margin-bottom:10px}.delete-task-modal .modal-buttons .delete-confirm-btn{background-color:#66fcf1;background-color:#1f2833;color:#0b0c10;color:red}.delete-task-modal .modal-buttons .delete-cancel-btn,.delete-task-modal .modal-buttons .delete-confirm-btn{border-radius:5px;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:550;letter-spacing:.7px;margin:10px;padding:2px 10px;text-decoration:none}.delete-task-modal .modal-buttons .delete-cancel-btn{background-color:#66fcf1;color:#0b0c10}.edit-modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.edit-modal .modal-heading{color:#0b0c10;font-family:Poppins,sans-serif;font-size:1.2em;font-weight:500;letter-spacing:1.5px;margin:0;text-shadow:0 0 5px #66fcf1}.edit-modal .edit-task-field{background-color:#c5c6c7;background-color:#1f2833;border:2px solid #66fcf1;border-radius:5px;box-shadow:0 0 5px #0b0c10;color:#0b0c10;color:#c5c6c7;font-family:Source Sans\ 3,sans-serif;font-size:1.2em;font-size:1.1em;font-weight:500;letter-spacing:1px;margin:10px;padding:10px 20px;text-align:center;width:300px}.edit-modal label{font-family:Poppins,sans-serif;font-weight:450;letter-spacing:1px}.edit-modal label .category-picker{background-color:#66fcf1;border:1.5px solid #0b0c10;border-radius:3px;color:#0b0c10;font-family:Source Sans\ 3,sans-serif;font-size:.9em;font-weight:450;letter-spacing:1px;margin-left:10px;padding:5px}.edit-modal label .category-picker .critical{color:red}.edit-modal .edit-modal-submit{background-color:#66fcf1;border-radius:5px;box-shadow:0 0 5px #0b0c10;color:#0b0c10;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:550;letter-spacing:.7px;margin:10px;padding:2px 10px;text-decoration:none}.task-list-wrapper{align-items:center;border:3px solid #c5c6c7;border-radius:5px;box-shadow:-2px 2px 10px #0b0c10;display:flex;flex-direction:column;justify-content:center;text-align:center;width:70vw}.task-list-wrapper .master-list-header{margin:0}.task-list-wrapper .master-list-header .add-task-btn{background-color:#66fcf1;border-radius:5px;color:#0b0c10;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:550;letter-spacing:.7px;margin:0 0 10px;padding:2px 10px;text-decoration:none}.task-list-wrapper .master-list-component{width:100%}.list-header,.task-list-wrapper .master-list-component{align-items:center;display:flex;flex-direction:column;justify-content:center}.list-header{border-radius:10px;font-family:Poppins,sans-serif;margin:5px;padding-bottom:5px;width:95%}.list-header h2{color:#66fcf1;font-weight:500;letter-spacing:1.5px;margin:5px 0 0;text-shadow:-2px 2px 5px #0b0c10;text-transform:uppercase}.list-header h4{border-radius:5px;color:#c5c6c7;font-weight:450;letter-spacing:1.2px;margin:0;padding:5px 10px;text-shadow:-3px 3px 5px #0b0c10;width:75%}.task-wrapper{background-color:#c5c6c7;border:2px solid #0b0c10;border-radius:5px;box-shadow:-2px 2px 10px #c5c6c7;display:grid;grid-template-columns:3fr auto;margin:0 0 5px;width:90%}.task-wrapper .task-render{align-items:center;display:flex;justify-content:center;text-align:center}.task-wrapper .task-render p{color:#0b0c10;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:450;letter-spacing:.7px;margin:5px;text-shadow:0 0 .5px #66fcf1}.task-wrapper .task-action-btns-wrapper{border-bottom-left-radius:2px;border-left:2px solid #0b0c10;border-top-left-radius:2px;display:grid;grid-template-columns:1fr 1fr 2fr}.task-wrapper .task-action-btns-wrapper .edit-task-btn{color:#0b0c10;color:#45a29e}.task-wrapper .task-action-btns-wrapper .delete-task-btn,.task-wrapper .task-action-btns-wrapper .edit-task-btn{background-color:#66fcf1;background-color:#1f2833;border:none;border-radius:5px;border-radius:0;cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-size:1.1em;font-weight:550;letter-spacing:.7px;margin:0;padding:5px;text-decoration:none}.task-wrapper .task-action-btns-wrapper .delete-task-btn{color:#0b0c10;color:red}.task-wrapper .task-action-btns-wrapper .complete-task-btn{background-color:green;border:0;border-bottom-left-radius:2px;border-top-left-radius:2px;color:#0b0c10;cursor:pointer;height:100%;width:100%}.task-category-list-wrapper{align-items:center;border:2px solid #0b0c10;border-radius:3px;box-shadow:0 0 5px #66fcf1;display:flex;flex-direction:column;justify-content:center;margin:5px;text-align:center}.task-category-list-wrapper .list-header h4{color:#0b0c10;text-shadow:1px -.5px 2px #66fcf1}.task-category-list-wrapper .list-component{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.critical h2{color:red}.priority h2{color:#b8860b}.routine h2{color:#6495ed}.completed-tasks{border:3px solid #c5c6c7;border-radius:5px;box-shadow:2px -1px 5px #0b0c10}.completed-tasks h2{color:green;text-shadow:-2px 1px 2px #0b0c10}.completed-tasks .task-action-btns-wrapper{align-items:center;display:flex;justify-content:center}
/*# sourceMappingURL=main.95ebf5a9.css.map*/