@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);.main-layout .main-content{position:absolute;top:60px;right:0;left:0;bottom:0;overflow:auto;padding:20px;background-color:var(--notWhite)}.main-content::-webkit-scrollbar{width:.3em}.main-content::-webkit-scrollbar-track{background-color:var(--silver);padding:50px}.main-content::-webkit-scrollbar-thumb{background-color:var(--primaryColor)}@media screen and (min-width:769px) and (max-width:1024px){.main-layout .main-content{padding:1em 15vw}}@media screen and (min-width:1025px){.main-layout .main-content{padding:1em 20vw}}.todos-section{padding:0 1.5rem 1rem 1.5rem;gap:.3em}.todo-input{border:none;padding:.7em 1em .7em .7em;width:100%;overflow:hidden;resize:none;border-radius:.5rem;font-family:var(--ubuntu);font-size:1rem;outline:none;background-color:var(--cardBg);display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:rgba(44,43,43,.9);border:1px solid rgba(0,0,0,.05)}.todo-input:focus{color:#000;background-color:#fff;filter:drop-shadow(5px 5px 2px rgba(0,0,0,.2));border:1px solid rgba(0,0,0,.2)}.todos-item{display:flex;flex-direction:column}.todos-section{display:grid;grid-template-columns:1fr;gap:.5rem}.todos-section .todo-item{display:flex;padding:0}.todo-date{font-size:.7em}.list-box{position:relative;margin-bottom:3em}.todo-containner{display:grid;grid-template-columns:10fr 2fr}.todo-containner .todo-content{margin-top:auto;margin-bottom:auto}.todo-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:1em;margin-left:1em}.no-todos{display:flex;align-items:center;justify-content:center;height:20vh;font-size:2.3rem;font-family:var(--ubuntu);font-weight:400;font-style:italic;color:var(--gray2)}.todo-actions .btn{margin:auto auto;padding:.5em;background-color:var(--cardBg);outline:none;font-size:1em;border:1px solid var(--borderPrimaryColor)}.todo-actions .btn:hover{filter:drop-shadow(3px 6px 2px rgba(0,0,0,.2))}.todo-done>i:before{font-family:Font Awesome\ 5 Free;content:"\f00c";color:var(--success)}.todo-delete>i:before{font-family:Font Awesome\ 5 Free;content:"\f1f8";color:var(--danger)}@media screen and (min-width:481px) and (max-width:768px){.todo-input{font-size:1.1rem}}@media screen and (min-width:320px) and (max-width:480px){.todo-actions{gap:.1em}}.lists-section{padding:0 1.5rem 1rem 1.5rem;display:grid;grid-template-columns:1fr;gap:1em}.lists-item{color:#000;font-family:var(--Yanone);font-weight:400;font-size:1.3em;line-height:1.2em;letter-spacing:1px;background-color:var(--cardBg);padding:.7em .5em .5em .5em;filter:drop-shadow(5px 5px 1px rgba(0,0,0,.2));cursor:pointer;border:1px solid rgba(0,0,0,.1)}.lists-section .lists-item:hover{background-color:#689268;color:#fff}.view-more-section{display:flex;margin-top:.7em;justify-content:flex-end}.view-more-section .btn{background-color:var(--secondaryColor)}.view-more-section .btn:hover{background-color:var(--primaryColor)}.noLists-section{display:flex;align-items:center;justify-content:center;height:50vh;font-family:var(--ubuntu);font-size:1.8rem;color:var(--gray3);font-weight:500}.list-with-actions-containner{display:grid;grid-template-columns:10fr 1fr 1fr;gap:.7em}.list-containner{display:grid;grid-template-columns:11fr}.list-action{background-color:var(--cardBg);border:1px solid var(--borderPrimaryColor)!important;padding:.5em .6em;outline:none;font-size:1em;margin-left:auto;margin-top:auto;margin-bottom:auto}.list-action:hover{filter:drop-shadow(1px 1px 5px rgba(0,0,0,.3))}.list-input{border:none;padding:.7em .5em .5em .5em;border-radius:.5rem;font-family:var(--Yanone);font-weight:500;line-height:1.2em;font-size:1.3em;outline:none;background-color:var(--cardBg);display:block;color:var(--gray4);filter:drop-shadow(5px 5px 1px rgba(0,0,0,.2));border:1px solid var(--borderPrimaryColor);display:none}.list-input:focus{color:#000}.new-list-section{position:relative;display:flex;flex-direction:column}.new-list-section>span{font-size:.9rem;cursor:pointer}.new-list{display:grid;gap:1em;grid-template-columns:10fr 1fr 1fr}.new-list-input{border:none;padding:.7em 1em .7em .7em;width:100%;overflow:hidden;resize:none;border-radius:.5rem;font-family:var(--ubuntu);font-size:1rem;outline:none;height:42.5px;background-color:var(--cardBg);display:inline-block;color:rgba(44,43,43,.9);border:1px solid rgba(0,0,0,.05)}.new-list-input:focus{color:#000;background-color:#fff;filter:drop-shadow(5px 5px 2px rgba(0,0,0,.2));border:1px solid rgba(0,0,0,.2)}.add-list-btn{margin-left:auto;margin-top:auto;margin-bottom:auto;outline:none;border:1px solid var(--borderPrimaryColor)}.add-list-btn>i:before{font-family:Font Awesome\ 5 Free;content:"\f055";font-size:2.2rem;color:var(--success)}.close-btn{margin-left:auto;margin-top:auto;margin-bottom:auto;outline:none;border:1px solid var(--borderPrimaryColor)}.close-btn>i:before{font-family:Font Awesome\ 5 Free;content:"\f057";font-size:2.2rem;color:var(--danger)}.add-list-btn:hover{filter:drop-shadow(3px 6px 2px rgba(0,0,0,.2))}.loading{filter:blur(2px) grayscale(30);pointer-events:none}.new-list-loading{position:absolute;z-index:10;text-align:center;font-size:2rem;color:var(--success);top:0;right:0;left:0;bottom:0;cursor:progress}.no-lists{display:flex;align-items:center;justify-content:center;height:30vh;font-size:2.3rem;font-family:var(--ubuntu);font-weight:400;font-style:italic;color:var(--gray2)}.new-list-input-error{color:var(--danger);font-size:.8rem;font-weight:500}.new-list-input-error b{cursor:pointer;text-decoration:underline}.dashboard{display:flex;justify-content:center;flex-direction:column}.lists-box{margin-bottom:3em}.lists-box,.lists-box>h2{border:1px solid rgba(0,0,0,.2);position:relative}.lists-box>h2{top:-1.3rem;left:1em;background-color:var(--notWhite);width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 1rem;color:var(--gray4)}:root{--primaryColor:#3a5a40;--secondaryColor:#588157;--notWhite:#eef6fa;--red:#e63946;--cardBg:#f4f9f4;--silver:silver;--black:#000;--danger:#e63946;--success:#2a9d8f;--input:#f5f3f4;--link:#0077b6;--heading1Color:#52796f;--heading2Color:#354f52;--poppins:"Poppins";--Yanone:"Yanone Kaffeesatz";--ubuntu:"Ubuntu";--gray1:#e5e7eb;--gray2:#9ca3af;--gray3:#6b7280;--gray4:#4b5563;--gray5:#374151;--gray6:#1f2937;--gray7:#111827;--borderPrimaryColor:rgba(29,53,87,0.1)}.text_gray_1{color:var(--gray1)}.text_gray_2{color:var(--gray2)}.text_gray_3{color:var(--gray3)}.text_gray_4{color:var(--gray4)}.text_gray_6{color:var(--gray6)}.text_gray_7{color:var(--gray7)}.color_secondary{color:var(--secondaryColor)!important}.color_primary{color:#a3b18a!important}.color_heading_1{color:var(--heading1Color)!important}.color_heading_2{color:var(--heading2Color)!important}.color_danger{color:var(--danger)!important}.color_success{color:var(--success)!important}.text_center{text-align:center}.text_end{text-align:end}.text_start{text-align:start}.text_italic{font-style:italic}.text_uppercase{text-transform:uppercase}.mb-xs{margin-bottom:.3rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:2rem}.mb-xl{margin-bottom:3rem}.mt-xs{margin-top:.3rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:2rem}.mt-xl{margin-top:3rem}.mx-xs{margin-right:.3em;margin-left:.3em}.mx-sm{margin-right:.5em;margin-left:.5em}.mx-md{margin-right:1em;margin-left:1em}.mx-lg{margin-right:2em;margin-left:2em}.my-xs{margin-top:.3em;margin-bottom:.3em}.my-sm{margin-top:.5em;margin-bottom:.5em}.my-md{margin-top:1em;margin-bottom:1em}.my-lg{margin-top:2em;margin-bottom:2em}.px-xs{padding-right:.3em!important;padding-left:.3em!important}.px-sm{padding-right:.5em!important;padding-left:.5em!important}.px-md{padding-right:1em!important;padding-left:1em!important}.px-lg{padding-right:2em!important;padding-left:2em!important}.px-xl{padding-right:3em!important;padding-left:3em!important}.py-xs{padding-top:.3em!important;padding-bottom:.3em!important}.py-sm{padding-top:.5em!important;padding-bottom:.5em!important}.py-md{padding-top:1em!important;padding-bottom:1em!important}.py-lg{padding-top:2em!important;padding-bottom:2em!important}.py-xl{padding-top:3em!important;padding-bottom:3em!important}.radius-xs{border-radius:.3rem}.radius-sm{border-radius:.5rem}.radius-md{border-radius:1rem}.radius-lg{border-radius:2rem}.radius-xl{border-radius:10rem}.btn{border:none;color:#fff;cursor:pointer;font-family:var(--ubuntu)}.btn-primary{background-color:var(--primaryColor)}.btn-disabled{cursor:not-allowed!important;filter:grayscale(.7)}.flex{display:flex}.justify-space-between{justify-content:space-between!important}.flex-center{justify-content:center}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{font-family:var(--poppins);height:100%}