:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#66666e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-container{margin:3rem}.logo-container{display:flex;align-items:center;gap:10px;justify-content:flex-start}.logo-container img{width:100px;height:100px;border-radius:50%;transition:transform .25s ease-out}.logo-container img:hover{-webkit-box-shadow:3px 9px 48px -13px rgba(0,255,255,.58);box-shadow:3px 9px 48px -13px #00ffff94}.logo-container .logo-label{color:#f4f4f6}@media(min-width:312px)and (max-width:482px){.logo-container img{width:60px;height:60px}.logo-container .logo-label{font-size:1.5rem}}@media(min-width:810px)and (max-width:1200px){.header-container{width:100%}}@media(min-width:2482px)and (max-width:2560px){.logo-container img{width:150px;height:150px}.logo-container .logo-label{font-size:3rem}}.body-container{margin-bottom:30px}.title-input{color:#000;font-size:1.5rem;font-weight:700;text-align:center;margin-top:21px;width:100%;margin-bottom:26px}.title-span{justify-content:center;width:100%;display:flex;flex-direction:row}.title-h2{color:#000;font-size:1.5rem;font-weight:700}.title-edit-icon{align-self:center;color:#000;display:none;padding-left:5px}.title-span:hover .title-edit-icon{display:inline}@media(min-width:312px)and (max-width:482px){.title-h2,.title-input{font-size:1rem}}@media(min-width:2482px)and (max-width:2560px){.title-h2,.title-input{font-size:1.8rem}}.desc-text-area{font-size:.9rem;font-weight:400;color:#000;width:100%;height:100%;font-family:Roboto,sans-serif}.desc-span{font-size:.9rem;font-weight:400;color:#000;margin:0}.desc-edit-icon{color:#000;padding-left:5px;display:none}.description-wrapper:hover .desc-edit-icon{display:inline}@media(min-width:312px)and (max-width:482px){.desc-span,.desc-text-area{font-size:.6rem}}@media(min-width:2482px)and (max-width:2560px){.desc-span,.desc-text-area{font-size:1rem}}@media(min-width:312px)and (max-width:482px){.counter-p{font-size:.5rem}}.card-container{width:390px;height:250px;padding:5px 7px;border-radius:5px;border:1px solid black;margin-top:5px;transition:transform .25s ease-out;background-color:#e6e6e9;display:flex;flex-direction:column;-webkit-box-shadow:2px 5px 17px 2px rgba(0,0,0,.73);box-shadow:2px 5px 17px 2px #000000ba}.card-container:hover{transform:scale(1.05)}.card-container .title-wrapper{justify-self:flex-start}.card-container .description-wrapper{flex:1}.card-footer{display:flex;width:100%;justify-content:space-between;align-items:center}.card-footer .btn-delete{color:#000;width:20px;height:30px;cursor:pointer}.card-footer .counter-wrapper{margin:auto}.card-footer .date-text{color:#000;font-size:.8rem}.btn-container .btn-delete:hover{color:#66666e}@media(min-width:312px)and (max-width:482px){.card-container{width:260px;height:200px}.card-footer .date-text{font-size:.5rem}.card-footer .btn-delete{width:15px;height:20px}}@media(min-width:2482px)and (max-width:2560px){.card-container{width:450px;height:320px}.card-footer .date-text{font-size:.9rem}.card-footer .btn-delete{width:25px;height:25px}}.element-group{display:flex;flex-direction:column}input{background-color:#e6e6e9;color:#000;border:none}textarea{background-color:#e6e6e9;color:#000;border:none;resize:none}label{color:#000;font-weight:400}.btn-save{margin-top:3px;width:20px;height:20px;color:#000}.btn-save:hover{color:#66666e;cursor:pointer}@media(min-width:312px)and (max-width:375px){.btn-save{width:15px}}.card-list-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;justify-items:center}.sort-container{display:flex;flex-direction:row;width:100%;height:50px;justify-content:flex-end}.sort-container .dropdown{align-self:center;height:20px}@media(max-width:897px){.card-list-container{grid-template-columns:repeat(1,1fr);justify-items:center}}@media(min-width:898px)and (max-width:1315px){.card-list-container{grid-template-columns:repeat(2,1fr);justify-items:center}}@media(min-width:1316px)and (max-width:1762px){.card-list-container{grid-template-columns:repeat(3,1fr);justify-items:center}}@media(min-width:1763px){.card-list-container{grid-template-columns:repeat(4,1fr);justify-items:center}}@media(min-width:2482px)and (max-width:2560px){.card-list-container{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}}*{box-sizing:border-box}.footer-container{display:flex;gap:5rem;background-color:#e6e6e9;border-radius:1rem;padding:1rem}.footer-logo{display:flex;flex-direction:column;min-width:6rem;justify-content:center;align-items:center}.footer-logo img{width:4rem;height:4rem}.footer-logo h3{color:#000}.app-description{height:100%}.app-description p{font-size:.8rem;text-overflow:inherit;color:#000;text-align:center}.app-description p .extra-text{display:none}.copywrite-details{min-width:9rem}.copywrite-details p,.git-button{color:#000}.git-button:hover{color:#66666e}@media(min-width:312px)and (max-width:482px){.footer-container{gap:0;justify-content:space-between}.app-description{display:none}.copywrite-details p{font-size:.6rem}.copywrite-details .git-button{width:15px}.footer-logo img{width:2.5rem;height:2.5rem}.footer-logo h3{font-size:.8rem}}@media(min-width:483px)and (max-width:734px){.footer-container{gap:0;justify-content:space-between}.app-description{display:none}.footer-logo img{width:3rem;height:3rem}.footer-logo h3{font-size:1rem}.copywrite-details p{font-size:.9rem}}@media(min-width:2482px)and (max-width:2560px){.footer-container{gap:60px}.app-description p .extra-text{display:inline}.app-description p{font-size:.9rem}.footer-logo img{width:5rem;height:5rem}.footer-logo h3{font-size:1.2rem}.copywrite-details p{font-size:1rem}}#root{margin:0 auto}.app-container{display:flex;flex-direction:column;height:100vh;padding:5px,auto}.header-wrapper{align-self:flex-start;width:100%}.body-wrapper{flex:1;width:100%}.footer-wrapper{align-self:flex-end;width:100%}