*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;--smaller-font-size:1.6rem;--default-font-size:1.8rem;--bigger-font-size:2rem;--h1-font-size:3.8rem;--h2-font-size:3.2rem;--h3-font-size:3rem;--main-color:rgb(0,47,92);--lighter-main-color:#2f5579;--white-color:white;--black-color:black;--background:linear-gradient(130deg,rgb(0,47,92,1),rgb(103,18,212,0.5));--dark-main-color:rgb(0,47,92);--white-text-color:white;--gray-text-color:#8a8a8a;--gray-text-color-hover:#727272;--dark-text-color:rgb(0,47,92);--background-color:rgb(0,47,92);--window-background-color:rgb(251,251,251);--create-btn-color:#2cbd00;--create-btn-color-hover:rgb(66,209,0);--cancel-btn-color:#8a8a8a;--cancel-btn-color-hover:#979797;--delete-btn-color:rgb(209,42,0);--delete-btn-color-hover:rgb(224,0,0);--save-btn-color:rgb(245,212,68);--save-btn-color-hover:rgb(255,213,27);--input-border-color:rgba(128,128,128,0.5)}body{background:var(--background);background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed}.body-container{min-height:100vh;display:flex;flex-direction:column}.login{display:flex;margin:auto;align-items:center}.login h1{color:white;width:100%;text-align:center;margin-bottom:2rem}.login h1 a{font-size:4.6rem;color:unset;text-decoration:none}.login p{color:white}.login .loggin-form{background-color:rgba(32,32,32,.6);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:1rem;padding:4rem;width:54rem}.login .loggin-container{display:flex;flex-direction:column;padding:2rem 0}.login .loggin-container p{padding:.8rem 0;font-size:2.2rem}.login .loggin-container input{width:100%}.login .checkbox-container{margin:auto;display:flex;align-items:center;font-size:2rem}.login .checkbox-container input{height:1.8rem;width:1.8rem;margin:0 .6rem}.login .btn-container{padding:2rem 0;display:flex}.login .password,.login .user-name{border-width:.1rem;font-size:2.2rem;color:rgb(66,66,66);padding:1.6rem}.login .login-btn{font-size:2.4rem;padding:1.6rem;color:white;background-color:black;border-style:none;width:100%}.login .login-btn:hover{background-color:rgb(201,200,200);color:rgb(66,66,66);cursor:pointer}@media only screen and (max-width:440px){.login #loggin-container{max-width:90vw;overflow:hidden}.login input{width:100%}.login button{font-size:22px;margin:auto;padding:6vw}.login .loggin-container-item{margin:0 10vw;flex:1 1;text-align:center}}.projects{overflow-x:hidden;padding:4rem 5% 2rem;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(32rem,1fr));grid-row-gap:2.2rem;row-gap:2.2rem;-moz-column-gap:2.2rem;grid-column-gap:2.2rem;column-gap:2.2rem}.projects .animation{transform:translate(0)}header{display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--white-color);height:8rem;z-index:2}header h1{scale:0;transition:1s ease-out;padding:2rem}header h1 a{font-size:3.4rem;color:var(--main-color);text-decoration:none}header .scale{scale:1}@media only screen and (max-width:840px){header{height:10rem;flex-direction:column;padding:1rem}}.burger{position:absolute;left:0;cursor:pointer}.burger div{margin:1rem;background-color:var(--main-color);height:.4rem;width:6rem;border-radius:1rem}.logged-user{position:absolute;right:0;justify-content:center}.logged-user,.logged-user .user-info{height:6rem;display:flex;align-items:center}.logged-user .user-info{margin:0 2rem;background-color:rgba(217,217,217,.5058823529);border-radius:10rem;overflow:hidden;cursor:pointer}.logged-user .user-info .short-cut{min-height:6rem;min-width:6rem;background-color:rgba(0,47,92,.8);border-radius:10rem;display:flex;text-align:center;align-items:center;justify-content:center}.logged-user .user-info .short-cut span{color:var(--white-color);font-size:3.2rem;padding-bottom:.5rem}.logged-user .user-info .name{color:var(--main-color);opacity:1;padding:1.8rem 5rem 2rem}.logged-user .log-out,.logged-user .user-info .name{font-size:2.4rem;margin-right:1rem;transition:.6s ease-out}.logged-user .log-out{position:absolute;cursor:pointer;color:red;padding:1.8rem 5rem;background-color:rgba(0,0,0,0);text-decoration:none;border:none;border-radius:10rem;margin-left:6rem;scale:0;opacity:0}.logged-user:hover .name{scale:0;opacity:0}.logged-user:hover .log-out{opacity:1;scale:1}@media only screen and (max-width:840px){.logged-user{margin:0 2rem}.logged-user .log-out,.logged-user .name{display:none}}.project{transform:translate(100vw);overflow:hidden;border-radius:.5rem;transition:1s ease;background-color:var(--white-color)}.project section{position:relative;display:flex;align-items:center;justify-content:center;height:18rem}.project .img-container{position:absolute;padding:1rem;overflow:hidden;height:100%;width:100%}.project .img-container img{border-radius:.5rem;object-fit:cover;height:100%;width:100%;opacity:.1;transition:.6s ease-out}.project p{position:absolute;font-size:3.6rem;color:rgb(0,47,92);padding:2rem;text-align:center;z-index:1;transition:.6s ease}.project:hover{scale:1.2}.project:hover p{opacity:0}.project:hover img{opacity:1}.side-list,.side-list-active{top:0;left:0;position:fixed;background-color:rgba(0,25,48,.95);z-index:1;transition:.4s ease-out;border:solid white;border-width:0 .2rem 0 0;height:100dvh;overflow-y:auto;padding-top:8rem}.side-list{transform:translate(-100%)}.side-list-acive{transform:translate(0)}@media only screen and (max-width:840px){.side-list,.side-list-active{padding-top:10rem;width:100dvw}}.side-list-link{color:white;text-decoration:none}.side-list-link p{font-size:2.4rem;padding:2rem 4rem;transition:.2s ease-in-out}.side-list-link p:hover{background-color:white;color:rgb(0,25,48)}@media only screen and (max-width:840px){.side-list-link p{text-align:center}}#sql nav{display:flex;background-color:var(--white-color);overflow:auto;margin-top:.2rem}#sql nav h2{margin:auto;font-size:var(--h2-font-size);color:var(--main-color);padding:1rem 2rem}#sql nav .nav-list{flex:1 1;display:flex}#sql nav button{font-size:var(--smaller-font-size)}#sql .sections-wrapper{display:flex;gap:.4rem;border-bottom:.4rem double}#sql section{display:flex;flex-direction:column;padding:1rem;overflow:hidden}#sql section h3{margin:auto;font-size:var(--h3-font-size);color:var(--white-color);padding:1rem}#sql .middle-container{flex:3 1;padding:1rem 4rem;border-right:.4rem double;border-left:.4rem double}#sql .side-container{flex:1 1}#sql .inner-section{flex:1 1;display:flex;flex-direction:column}#sql .inner-section .buttons{justify-content:center;margin:auto;display:flex}#sql .inner-section .request-name{font-weight:700}#sql .inner-section .sql-area{width:100%}#sql .inner-section textarea{color:rgb(44,44,44);font-family:myFont;width:100%;padding:.4rem;text-align:start;font-size:var(--default-font-size)}#sql .inner-section .console{width:100%;text-align:center;overflow:auto}#sql .inner-section table{background-color:rgba(65,65,65,.1);width:100%;color:whitesmoke}#sql .inner-section td,#sql .inner-section th,#sql .inner-section tr{padding:.2rem;font-size:var(--smaller-font-size);border:1px solid white;border-collapse:collapse}#sql .inner-section th{color:white;font-size:var(--default-font-size);font-weight:700}#sql .inner-section button{font-size:var(--default-font-size);border:.1rem solid rgb(44,44,44)}#sql button{min-width:-moz-fit-content;min-width:fit-content;cursor:pointer;margin:1.2rem;padding:1.2rem;transition:.2s ease;border-radius:.6rem;color:var(--main-color);border:.1rem solid darkgray}#sql .active,#sql button:hover{color:var(--white-color);background-color:var(--lighter-main-color)}#sql .active:hover{background-color:var(--main-color)}#users{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1}#users .users-container{display:flex;flex-direction:column;background-color:var(--white-color);padding:2rem 3rem;border-radius:1rem;min-width:42rem}#users .users-container h3{color:var(--main-color);font-size:var(--h3-font-size);padding:1rem 1rem 2rem;text-align:center}#users .users-container table{width:100%;border-spacing:.2rem .4rem}#users .users-container table td,#users .users-container table th{flex:1 1;text-align:center;padding:.4rem;border:.1rem solid black;border-radius:.4rem}#users .users-container table th{font-size:var(--default-font-size);color:var(--main-color);border:none}#users .users-container table td{font-size:var(--smaller-font-size);color:var(--lighter-main-color);min-width:8rem}#users .users-container table td button{font-size:var(--smaller-font-size);padding:.6rem 2rem;margin:.2rem 0}#users .users-container table .td-button{padding:0;border:none}#users .users-container table .td-button button{font-size:var(--smaller-font-size);padding:.6rem 2rem;margin:0}#users .users-container table{padding-bottom:.8rem}#users .users-container button{cursor:pointer;border:none;color:var(--white-color);background-color:var(--lighter-main-color);font-size:var(--bigger-font-size);padding:1.6rem 6rem;margin:.2rem 0;transition:.2s ease-in-out;border-radius:.4rem}#users .users-container button:hover{color:var(--white-color);background-color:var(--main-color)}#users .users-container input,#users .users-container select{font-size:var(--default-font-size);padding:1rem .4rem;margin:.4rem 0;border-radius:.4rem;border:.1rem solid darkgray}.logger-container{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:.2rem}.logger-container .setting{background-color:var(--white-color);padding:1rem;width:100%}.logger-container .setting button,.logger-container .setting input,.logger-container .setting span{font-size:var(--default-font-size)}.logger-container .setting input{padding:.4rem;margin:1rem}.logger-container .setting button{padding:.5rem;margin:1rem}.logger-container .log-window{flex:1 1;display:flex;margin-top:.2rem;font-size:var(--smaller-font-size);color:var(--white-color);width:60%}.logger-container .log-window textarea{padding:1rem;border:none;width:100%;resize:none;margin:5% 0}.task{border:.1rem solid rgb(0,47,92);padding:1.2rem .6rem;display:flex;flex-direction:column;text-align:center;align-items:center;font-size:1.6rem;margin:.2rem 0;border-radius:.4rem;min-height:8rem;min-width:96%;transition:.4s ease;box-shadow:.2rem .2rem .4rem rgb(66,66,66)}.task p{margin:auto}.task .timer{margin-top:.8rem;margin-bottom:-.8rem;min-height:.8rem;width:98%;border:.1rem solid rgb(0,47,92);border-radius:.4rem;font-size:.4rem;color:rgba(0,0,0,0)}.task .timer .slider-inner-text{display:none}.task:hover{cursor:pointer;background-color:gray;scale:1.1;padding:1.2rem .6rem .4rem}.category-tasks .priority0{background:white}.category-tasks .priority1{background:linear-gradient(rgb(146,255,122),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(146,255,122)),linear-gradient(90deg,rgb(146,255,122),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(146,255,122)) white}.category-tasks .priority2{background:linear-gradient(rgb(255,231,122),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(255,231,122)),linear-gradient(90deg,rgb(255,231,122),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(255,231,122)) white}.category-tasks .priority3{background:linear-gradient(rgb(255,120,120),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(255,120,120)),linear-gradient(90deg,rgb(255,120,120),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(255,120,120)) white}.sub-task{cursor:pointer;display:flex;color:var(--dark-text-color);min-height:4rem;transition:.2s ease-in;max-width:100%;box-shadow:.2rem .2rem .4rem #424242;background-color:var(--window-background-color);border:.1rem solid var(--dark-text-color);border-radius:.4rem;margin-top:.4rem;margin-bottom:.2rem;font-size:1.6rem;align-items:center;padding:.4rem}.sub-task,.sub-task div{width:100%}.sub-task div p{max-width:100%}.sub-task img{max-height:2rem;margin:0 .4rem}.task .sub-task:first-of-type{margin-top:1.4rem}.sub-task:hover{color:var(--white-text-color);background-color:var(--main-color)}.sub-task-window{background-color:var(--window-background-color);color:white;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 2.8rem 2.8rem;font-size:2.2rem;border-radius:1rem;box-shadow:.2rem .2rem .4rem rgb(66,66,66);max-height:100vh;display:flex;flex-direction:column;z-index:2}.sub-task-window h3{width:100%;text-align:center;color:var(--dark-text-color);padding:2.2rem}.sub-task-window form{display:flex;flex-direction:column}.sub-task-window form input{text-align:center;padding:1.6rem .6rem;border-radius:1rem;width:100%;border:.1rem solid var(--input-border-color);font-size:2.2rem;color:black;min-width:36rem}.sub-task-window form textarea{padding:1.2rem;resize:none;white-space:pre-wrap;min-height:18rem;border-radius:1rem;border-color:var(--input-border-color);margin:1rem auto;width:100%;border:.1rem solid var(--input-border-color);font-size:2.2rem;min-width:32rem}.sub-task-window form button{color:white;padding:.4rem;font-size:3.2rem;border:.2rem solid rgba(66,66,66,.1);cursor:pointer;width:100%;border-radius:1rem;margin:.4rem 0;transition:.2s ease-in-out;min-height:6rem;font-weight:600}.sub-task-window form .confirm-btn,.sub-task-window form .done-btn,.sub-task-window form .reopen-btn{background-color:var(--create-btn-color)}.sub-task-window form .confirm-btn:hover,.sub-task-window form .done-btn:hover,.sub-task-window form .reopen-btn:hover{background-color:var(--create-btn-color-hover)}.sub-task-window form .delete-btn{background-color:var(--delete-btn-color)}.sub-task-window form .delete-btn:hover{background-color:var(--delete-btn-color-hover)}.sub-task-window form .cancel-btn{background-color:var(--cancel-btn-color)}.sub-task-window form .cancel-btn:hover{background-color:var(--cancel-btn-color-hover)}.task .add-sub-task-btn{cursor:pointer;border:none;color:white;height:0;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out;width:100%;box-shadow:.2rem .2rem .4rem black;background-color:rgb(45,98,148);border-radius:.4rem;font-size:3.2rem;overflow:hidden}.task .add-sub-task-btn:hover{background-color:rgb(0,47,92)}.task .timer{transition:.2s ease-in-out}.task:hover .add-sub-task-btn{height:4rem;margin:.4rem 0}.task:hover .timer{margin-bottom:.4rem}.category-tasks{width:20rem;max-width:20rem;min-width:20rem;padding:.2rem}.category-tasks,.category-tasks .category{display:flex;align-items:center;flex-direction:column}.category-tasks .category{font-size:3.2rem;text-align:center;width:100%}.category-tasks .category-name{padding:.2rem 1rem;color:white}.category-tasks .category-buttons{width:96%;display:flex;box-shadow:.2rem .2rem .4rem black;background-color:rgb(45,98,148);transition:.2s ease-in-out;border-radius:.4rem;margin:.4rem 0;overflow:hidden}.category-tasks .addBtn,.category-tasks .category-order-btn{border:none;padding:.2rem;font-size:4.4rem;color:#ffffff;width:96%;cursor:pointer;transition:.2s ease-in-out;background-color:rgba(45,98,148,0)}.category-tasks .category-order-btn{padding:0 1rem;font-size:1.4rem;flex:1 1}.category-tasks .addBtn:hover,.category-tasks .category-order-btn:hover{background-color:rgb(0,47,92)}@media screen and (max-width:1180px){.category-tasks{margin:auto auto 4rem;width:100%;max-width:none;min-width:none}.category-tasks .category-name{font-size:7rem}.category-tasks #list-of-categories{padding:2rem;flex-direction:column;overflow:scroll;border-radius:1rem;background-color:rgba(66,66,66,.1)}.category-tasks .category-container{overflow:unset}.category-tasks #category-window p{font-size:4rem;padding:2rem}.category-tasks #category-window button,.category-tasks .category-container input{font-size:4.4rem;padding:2rem}.category-tasks .category-container{margin:4rem 0}}.task-manager html{--main-color:rgb(45,98,148);--dark-main-color:rgb(0,47,92);--white-text-color:white;--gray-text-color:#8a8a8a;--gray-text-color-hover:#727272;--dark-text-color:rgb(0,47,92);--background-color:rgb(0,47,92);--window-background-color:rgb(251,251,251);--create-btn-color:#2cbd00;--create-btn-color-hover:rgb(66,209,0);--cancel-btn-color:#8a8a8a;--cancel-btn-color-hover:#979797;--delete-btn-color:rgb(209,42,0);--delete-btn-color-hover:rgb(224,0,0);--save-btn-color:rgb(245,212,68);--save-btn-color-hover:rgb(255,213,27);--input-border-color:rgba(128,128,128,0.5)}#task-details-window{color:white;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(251,251,251);padding:0 2.8rem 2.8rem;font-size:2.2rem;border-radius:1rem;box-shadow:.2rem .2rem .4rem rgb(66,66,66);max-height:100vh;z-index:2}#task-details-window h3{width:46rem;text-align:center;color:var(--dark-text-color);padding:2.2rem}#task-details-window input,#task-details-window select,#task-details-window textarea{padding:1.2rem .6rem;border-radius:1rem;width:100%;border:.1rem solid var(--input-border-color);font-size:2.2rem;color:black}#task-details-window input{text-align:center;margin-bottom:.6rem}#task-details-window select{text-align:center;margin:.6rem auto}#task-details-window .deadline-detail{display:flex;align-items:center;justify-content:center;text-align:center}#task-details-window .deadline-detail label{padding:1rem;color:black}#task-details-window .deadline-detail #deadline-checkbox-detail{width:1.6rem;height:1.6rem;min-width:auto;margin:.4rem 0 0}#task-details-window .date-box-detail{display:flex;align-items:center;text-align:center;margin:.6rem 0}#task-details-window .date-box-detail label{flex:1 1;padding:1rem;color:black}#task-details-window .date-box-detail input{padding:1.2rem .6rem;border-radius:1rem;border:.1rem solid var(--input-border-color);font-size:1.8rem;color:black;width:75%;text-align:center;margin-bottom:0}#task-details-window textarea{min-width:42rem;min-height:16rem;padding:1.2rem;margin:.6rem auto;resize:none}#task-details-window .timer{color:rgba(0,0,0,0);text-align:center;margin:.4rem 0;font-size:1.6rem;min-width:100%;border:.1rem solid rgb(0,47,92);border-radius:1rem;transition:.4s ease;display:flex;align-items:center;justify-content:space-between;overflow:hidden;max-height:2.8rem}#task-details-window .timer span{flex:10 1;color:black;padding:1rem}#task-details-window .task-details-buttons button{cursor:pointer;display:block;color:white;padding:.4rem;font-size:2.4rem;border:.2rem solid var(--input-border-color);width:100%;border-radius:1rem;margin:.8rem 0;transition:.2s ease-in-out;text-align:center;font-weight:600}#task-details-window .task-details-buttons #done-btn{background-color:var(--create-btn-color)}#task-details-window .task-details-buttons #done-btn:hover{background-color:var(--create-btn-color-hover)}#task-details-window .task-details-buttons #update-btn{background-color:var(--save-btn-color)}#task-details-window .task-details-buttons #update-btn:hover{background-color:var(--save-btn-color-hover)}#task-details-window .task-details-buttons #delete-btn{background-color:var(--delete-btn-color)}#task-details-window .task-details-buttons #delete-btn:hover{background-color:var(--delete-btn-color-hover)}#task-details-window .task-details-buttons #exit-btn{background-color:var(--cancel-btn-color)}#task-details-window .task-details-buttons #exit-btn:hover{background-color:var(--cancel-btn-color-hover)}#task-details-window #complete-time{text-align:center;margin:.8rem auto;color:rgb(12,168,12)}#task-details-window #reopen-btn{background-color:var(--create-btn-color)}#task-details-window #reopen-btn:hover{background-color:var(--create-btn-color-hover)}@media screen and (max-width:1180px){#exit-btn{position:relative;width:100%;aspect-ratio:unset;border-radius:1rem;padding:0;margin:0;top:0;right:0;border:.1rem solid rgba(128,128,128,.2)}#task-detail-name{height:4.4rem}#complete-time,#exit-btn,#task-details-window input,#task-details-window select,#task-details-window textarea{padding:1.4rem;font-size:4rem;margin:2rem 0}#task-details-window textarea{min-height:20rem;font-size:3rem}.timer{border-radius:2rem;font-size:2.2rem;margin:2rem 0;max-height:none}.task-details-buttons{margin:2rem 0}.task-details-buttons,.task-details-buttons button{padding:1rem;font-size:4.8rem}}#new-task-window{color:white;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(251,251,251);padding:0 2.8rem 2.8rem;font-size:2.2rem;border-radius:1rem;box-shadow:.2rem .2rem .4rem rgb(66,66,66);max-height:100vh;z-index:2}#new-task-window h3{width:46rem;text-align:center;color:var(--dark-text-color);padding:2.2rem}#new-task-window input,#new-task-window select,#new-task-window textarea{padding:1.2rem .6rem;border-radius:1rem;width:100%;border:.1rem solid var(--input-border-color);font-size:2.2rem;color:black}#new-task-window input{text-align:center;margin-bottom:.6rem}#new-task-window select{text-align:center;margin:.6rem auto}#new-task-window textarea{padding:1.2rem;margin:.6rem auto;resize:none}#new-task-window .deadline{display:flex;align-items:center;justify-content:center;text-align:center}#new-task-window .deadline label{padding:1rem;color:black}#new-task-window .deadline #deadline-checkbox{width:1.6rem;height:1.6rem;min-width:auto;margin:.4rem 0 0}#new-task-window .date-box{display:flex;align-items:center;text-align:center;margin:.6rem 0}#new-task-window .date-box label{flex:1 1;padding:1rem;color:black}#new-task-window .date-box input{padding:1.2rem .6rem;border-radius:1rem;border:.1rem solid var(--input-border-color);font-size:1.8rem;color:black;width:75%;text-align:center;margin-bottom:0}#new-task-window button{cursor:pointer;color:white;padding:.4rem;font-size:3.2rem;border:.2rem solid var(--input-border-color);width:100%;border-radius:1rem;margin:.4rem 0;transition:.2s ease-in-out;font-weight:600}#new-task-window .confirm-btn{background-color:var(--create-btn-color)}#new-task-window .cancel-btn{background-color:var(--delete-btn-color)}#new-task-window .confirm-btn:hover{background-color:var(--create-btn-color-hover)}#new-task-window .cancel-btn:hover{background-color:var(--delete-btn-color-hover)}@media screen and (max-width:1180px){#category-window,#task-details-window,#window{width:80vw;max-height:90vh;overflow:auto}#category,#description,#priority,#window input{padding:2rem;font-size:3.4rem}.date-box{align-items:flex-start}.date-box,.window-buttons{flex-direction:column}#window button{width:100%;margin:2rem;padding:2rem;font-size:4.4rem}}.category-page{display:flex;align-items:center;justify-content:center}.category-page nav{padding:.2rem;margin:.2rem;display:flex;flex-direction:column;min-width:50rem}.category-page nav h2{font-size:3rem;padding:2rem;color:var(--white-color);text-align:center}.category-page nav .category{font-size:2.8rem;padding:2rem;margin:.4rem 1rem;border-radius:.5rem;color:white;background-color:rgb(45,98,148);border:.1rem solid rgb(0,47,92);box-shadow:.2rem .2rem .4rem rgb(66,66,66);transition:.4s ease}.category-page nav .add-category,.category-page nav .edit-category{display:flex;flex-direction:column;justify-content:center;background-color:rgb(251,251,251);box-shadow:.2rem .2rem .4rem rgb(66,66,66);border-radius:1rem;padding:1.6rem;margin:1rem 0}.category-page nav .add-category button,.category-page nav .add-category input,.category-page nav .edit-category button,.category-page nav .edit-category input{padding:1.2rem .6rem;border-radius:1rem;font-size:2.2rem;margin:.4rem 1rem;border:none;text-align:center;border:.1rem solid var(--input-border-color)}.category-page nav .add-category input,.category-page nav .edit-category input{color:black}.category-page nav .create-btn{background-color:var(--create-btn-color);color:white}.category-page nav .create-btn:hover{background-color:var(--create-btn-color-hover)}.category-page nav .save-btn{background-color:var(--save-btn-color);color:white}.category-page nav .save-btn:hover{background-color:var(--save-btn-color-hover)}.category-page nav .delete-btn{background-color:var(--delete-btn-color);color:white}.category-page nav .delete-btn:hover{background-color:var(--delete-btn-color-hover)}.category-page nav button:hover{background-color:var(--main-color);cursor:pointer}@media screen and (max-width:520px){.category-page nav{min-width:20rem;width:90%}}.task-manager{flex:1 1;color:rgb(0,47,92)}.task-manager,.task-manager header{width:100%;display:flex;flex-direction:column}.task-manager header{margin:0 auto .2rem}.task-manager header .burger{z-index:1}.task-manager header h1{width:100%;text-align:center;background-color:white;margin-bottom:.2rem;padding:1rem;scale:1}.task-manager header h1 a{font-size:4.6rem;color:unset;text-decoration:none}.task-manager .options{width:100%;display:flex;align-items:center;background-color:white;padding:.6rem}.task-manager .options select{padding:1.2rem .6rem;border-radius:1rem;margin:1rem auto;width:100%;border:.1rem solid var(--input-border-color);font-size:2.2rem;color:black;min-width:36rem}.task-manager .options .checkboxs-container{flex:1 1;display:flex;font-size:1.8rem;align-items:center}.task-manager .options .checkbox-div{display:flex;align-items:center;margin:0 1rem}.task-manager .options .checkbox{height:1.6rem;width:1.6rem;margin:0 1rem}.task-manager .options .sort-by-container{display:flex;align-items:center;font-size:1.6rem}.task-manager .options #sort-by{font-size:1.6rem;padding:.2rem 1.2rem;text-align:center;width:auto;min-width:auto;margin:auto 1rem;color:rgb(0,47,92)}.task-manager main{flex:1 1;display:flex;margin-bottom:.4rem;overflow:hidden}.task-manager main .statistics{color:white;display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;border-right:.4rem double rgba(45,98,148,.6)}.task-manager main h2{font-size:1.8rem;padding:.8rem}.task-manager main .completed-tasks-stats{width:100%;display:flex}.task-manager main .stats-title{font-size:1.4rem;text-align:left}.task-manager main .current-tasks{width:100%;flex:1 1;display:flex;font-size:3.2rem;padding:2rem;overflow:auto}.task-manager main .background{position:fixed;width:100vw;height:100vh;z-index:1;background-color:rgba(0,0,0,.2)}.task-manager footer{position:-webkit-sticky;position:sticky;bottom:0;display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:white;box-shadow:-.2rem -.2rem .4rem rgb(66,66,66)}.task-manager footer a{cursor:pointer;padding:1rem 1.4rem;font-size:1.8rem;border-radius:1rem;border:.1rem solid var(--main-color);transition:.2s ease;background-color:rgb(45,98,148);color:white;text-decoration:none;box-shadow:.2rem .2rem .4rem rgb(66,66,66)}.task-manager footer a:hover{background-color:rgba(45,98,148,.6);scale:1.02}@media screen and (max-width:1180px){.task-manager .container{width:100%}.task-manager h1{font-size:6rem}.task-manager .checkboxs-container,.task-manager nav{flex-direction:column}.task-manager .checkbox-div{padding:1rem 0;font-size:4.4rem}.task-manager .checkbox-div span{margin:1rem 4rem}.task-manager .checkbox{width:4rem;height:4rem}.task-manager .sort-by-container{flex-direction:column;width:100%;border-top:.2rem solid rgb(0,47,92);font-size:5.4rem;padding:1rem}.task-manager #sort-by{font-size:5.4rem;margin:2rem}.task-manager main{flex-direction:column-reverse}.task-manager h2{font-size:4.4rem;padding:1rem}.task-manager .statistics{border:.2rem solid rgb(0,47,92);margin-bottom:1rem;padding:2rem}.task-manager .stats-title{font-size:3.4rem}.task-manager .current-tasks{flex-direction:column}.task-manager .date-box,.task-manager .date-input{width:100%}.task-manager .task{min-height:14vh;max-width:80%;font-size:4.4rem}.task-manager .addBtn{min-height:10vh;font-size:6rem}.task-manager .timer{min-height:1.2vh;border-radius:1.2vh}.task-manager #category-window{max-width:100vw}.task-manager footer{width:100vw;padding:4rem}.task-manager #edit-category-btn{font-size:4.4rem}}