@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-size:62.5%;margin:0;padding:0}:root{--header-color:#156760;--bg-color:#c2cbc8;--sidebar-color:#003d38;--link-color:#cee8e5;--link-hover:#08f1de;--white-color:#eef4f8;--black-color:#1c1c1c;--todo-color:#030925;--border-green:#01680b;--border-yellow:#a3b004;--border-red:#eb271a;--btn-color:#9cc3df;--btn-hover:#2685c7;--add-btn-color:#3d9991;--add-btn-hover:#139388;--notification-icon:#d7e3e2;--todocard-color:#dae5e2}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e5ecea}::-webkit-scrollbar-thumb{background:#4fa858}::-webkit-scrollbar-thumb:hover{background:#2a5d2f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#c2cbc8;background:var(--bg-color);font-family:Poppins,sans-serif}button,input,textarea{font-family:inherit}.App{display:flex;flex-direction:column;height:100vh}.MainContainer{display:flex;flex:1 1}.Header_header__M4HTJ{background:var(--header-color);height:8.5rem;padding:0 3rem}.Header_container__UJvlr,.Header_header__M4HTJ{align-items:center;display:flex;justify-content:center}.Header_container__UJvlr{font-size:3rem;gap:1rem;width:100%}.Header_container__UJvlr h1{color:var(--white-color)}.Header_container__UJvlr img{width:4.8rem}.Header_mobileMenu__gxQzZ{color:var(--white-color);display:block;font-size:3rem}.Header_mobileMenu__gxQzZ:hover{color:#bcb6b6;cursor:pointer}@media only screen and (min-width:768px){.Header_container__UJvlr{font-size:4.8rem}.Header_container__UJvlr img{width:6rem}.Header_mobileMenu__gxQzZ{display:none}}@media only screen and (min-width:992px){.Header_container__UJvlr{font-size:6rem}.Header_container__UJvlr img{width:6rem}.Header_mobileMenu__gxQzZ{display:none}}.Sidebar_sidebar__2fpPn{align-items:center;background:var(--sidebar-color);display:none;flex-direction:column;gap:1rem;height:-webkit-fill-available;padding:4rem 6rem;position:absolute;width:100%;z-index:10}.Sidebar_showSidebar__EBMb\+{-webkit-animation:Sidebar_fadeIn__zICeO .25s;animation:Sidebar_fadeIn__zICeO .25s;display:flex}@-webkit-keyframes Sidebar_fadeIn__zICeO{0%{opacity:0}25%{opacity:.4}50%{opacity:.6}75%{opacity:.9}to{opacity:1}}@keyframes Sidebar_fadeIn__zICeO{0%{opacity:0}25%{opacity:.4}50%{opacity:.6}75%{opacity:.9}to{opacity:1}}.Sidebar_linkTitle__EQP0h,.Sidebar_links__vCZm\+{color:var(--link-color);font-size:2.4rem}.Sidebar_links__vCZm\+:hover{color:var(--link-hover);cursor:pointer}.Sidebar_active__Ya\+aM{color:var(--link-hover)}.Sidebar_linksIndented__9mMSN{font-size:2rem;margin-left:2rem}.Sidebar_clearData__uHUCY{background:transparent;border:2px solid #767078;color:#fff;font-size:1.2rem;margin-top:3rem;padding:1rem}.Sidebar_clearData__uHUCY:hover{background:#767078;cursor:pointer}@media only screen and (min-width:768px){.Sidebar_sidebar__2fpPn{align-items:flex-start;display:flex;max-width:30%;padding:3rem;position:relative;width:250px}}@media only screen and (min-width:992px){.Sidebar_sidebar__2fpPn{align-items:flex-start;display:flex;max-width:35%;padding:4rem 6rem;position:relative;width:375px}}.Button_editButton__c5Rrb{background-color:#65d796;border:none;border-radius:1rem;box-shadow:2px 2px 2px 0 #587183;height:4rem;transition:all .3s ease-in-out;width:4rem}.Button_editButton__c5Rrb:hover{background-color:#3aaf6c;color:var(--white-color);cursor:pointer}.Button_deleteButton__8n6IG{background-color:#d2d765;border:none;border-radius:1rem;box-shadow:2px 2px 2px 0 #587183;height:4rem;transition:all .3s ease-in-out;width:4rem}.Button_deleteButton__8n6IG:hover{background-color:#aeb444;color:var(--white-color);cursor:pointer}.Button_AddButton__rLnSj{background-color:var(--add-btn-color);border:none;border-radius:50%;color:var(--white-color);margin-top:auto;padding:1.6rem;transition:all .3s ease-in-out}.Button_AddButton__rLnSj:hover{background-color:var(--add-btn-hover);cursor:pointer}.Button_DetailsButton__PNecP{background-color:var(--btn-color);border:none;border-radius:1rem;box-shadow:2px 2px 2px 0 #587183;color:var(--black-color);font-size:1.6rem;font-weight:400;height:4rem;transition:all .3s ease-in-out;width:10rem}.Button_DetailsButton__PNecP:hover{background-color:var(--btn-hover);color:var(--white-color);cursor:pointer}@media only screen and (min-width:768px){.Button_DetailsButton__PNecP{font-size:1.2rem;width:6rem}}@media only screen and (min-width:992px){.Button_DetailsButton__PNecP{font-size:1.6rem;width:10rem}}.Modal_Backdrop__pZRDs{background-color:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:20}.Modal_modal__vXmID{-webkit-animation:Modal_slide-down__gnSZ4 .25s ease-out;animation:Modal_slide-down__gnSZ4 .25s ease-out;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.25);display:flex;flex-direction:column;left:50%;min-height:50rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;z-index:30}@-webkit-keyframes Modal_slide-down__gnSZ4{0%{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes Modal_slide-down__gnSZ4{0%{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.AddTodoModal_modalHeader__AnAS2{background:var(--todo-color);color:var(--white-color);display:flex;font-size:2rem;justify-content:space-between;padding:1.4rem}.AddTodoModal_close__JIDxk{cursor:pointer}.AddTodoModal_close__JIDxk:hover{color:#adff2f}.AddTodoModal_menu__Vh9gc{align-items:center;background:#bec7f1;border-right:1px solid #383c4a;display:flex;flex-direction:column;font-weight:600;gap:2rem;justify-content:flex-start;padding:2rem;width:30%}.AddTodoModal_menuLink__OOEpX{font-size:1.6rem}.AddTodoModal_menuLink__OOEpX:hover{color:#0d625b;cursor:pointer}.AddTodoModal_content__iALug{display:flex;flex:1 1;justify-content:center}.AddTodoModal_active__HyrRm{color:#0d625b}@media only screen and (min-width:768px){.AddTodoModal_modalHeader__AnAS2{font-size:2.4rem;padding:1.6rem}.AddTodoModal_menu__Vh9gc{width:20%}.AddTodoModal_menuLink__OOEpX{font-size:2rem}}@media only screen and (min-width:992px){.AddTodoModal_modalHeader__AnAS2{font-size:3.6rem;padding:2rem}.AddTodoModal_menu__Vh9gc{width:20%}.AddTodoModal_menuLink__OOEpX{font-size:2.4rem}}.RadioButtons_radiobtn__vHGg7{display:block;position:relative;text-align:center}.RadioButtons_radiobtn__vHGg7 label{border-radius:1rem;cursor:pointer;display:block;padding:.5rem 1rem}input[type=radio]{-webkit-appearance:none;appearance:none;display:none;position:absolute;width:100%}.RadioButtons_inputSpan__esuuc{font-size:1.4rem}@media only screen and (min-width:768px){.RadioButtons_inputSpan__esuuc{font-size:1.6rem}}@media only screen and (min-width:992px){.RadioButtons_inputSpan__esuuc{font-size:1.8rem}}.AddTodo_AddTodoForm__cUixl{display:flex;flex-direction:column;gap:2rem;padding:1rem;width:70%}.AddTodo_input__IwLym{background-color:#f5f5f5;border:2px solid #fff;border-radius:5px;font-size:1.4rem;height:40px;max-width:100%;padding:10px}.AddTodo_input__IwLym:focus{background-color:#e6e3e3;transition:.1s;transition-property:box-shadow}.AddTodo_textarea__JjXY-{height:20rem}.AddTodo_DateSelect__AcAJV,.AddTodo_PrioritySelect__RRNPU{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.AddTodo_inputSpan__9RLst{font-size:1.4rem}.AddTodo_dateInput__RKz-z{background-color:initial;border:1px solid #e52b0e;border-radius:1rem;color:#db4f39;font-size:1.4rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase}.AddTodo_success__zCeZX{background:none;border:2px solid var(--border-green);color:var(--black-color)}.AddTodo_warning__w8msF{background:none;border:2px solid var(--border-yellow);color:var(--black-color)}.AddTodo_danger__880M8{background:none;border:2px solid var(--border-red);color:var(--black-color)}input[type=radio]:checked+.AddTodo_success__zCeZX{background:var(--border-green);border:1px solid #7ed845;color:#fff}input[type=radio]:checked+.AddTodo_warning__w8msF{background:var(--border-yellow);border:1px solid #c7d52e;color:#fff}input[type=radio]:checked+.AddTodo_danger__880M8{background:var(--border-red);border:1px solid #e6564c;color:#fff}.AddTodo_formActions__2w9PG{display:flex;justify-content:center;margin-left:0;margin-top:auto;padding:1rem}.AddTodo_formBtn__TLDsh{background-color:initial;border:1px solid var(--sidebar-color);border-radius:1rem;color:var(--header-color);font-size:1.4rem;font-weight:700;padding:1rem;text-transform:uppercase}.AddTodo_formBtn__TLDsh:hover{background:var(--sidebar-color);color:var(--white-color);cursor:pointer}@media only screen and (min-width:768px){.AddTodo_AddTodoForm__cUixl{width:80%}.AddTodo_inputSpan__9RLst,.AddTodo_input__IwLym{font-size:1.6rem}.AddTodo_DateSelect__AcAJV,.AddTodo_PrioritySelect__RRNPU{flex-direction:row}.AddTodo_formActions__2w9PG{margin-left:auto}}@media only screen and (min-width:992px){.AddTodo_AddTodoForm__cUixl{width:80%}.AddTodo_inputSpan__9RLst,.AddTodo_input__IwLym{font-size:1.8rem}.AddTodo_DateSelect__AcAJV,.AddTodo_PrioritySelect__RRNPU{flex-direction:row}.AddTodo_formActions__2w9PG{margin-left:auto}}.Footer_footer__NW1x2{align-items:center;background:var(--black-color);color:var(--white-color);display:flex;font-size:1rem;justify-content:center;margin-top:auto;padding:.5rem;width:100%}@media only screen and (min-width:768px){.Footer_footer__NW1x2{font-size:1.3rem}}.TodoList_todoListContainer__j7ZRm{display:flex;flex-direction:column;gap:1rem;padding:1rem .5rem;width:100%}.TodoList_projectTitle__u5b4E{color:#06241c;display:flex;font-size:3.6rem;margin-bottom:2rem;margin-left:2rem;margin-top:2rem}.TodoList_EmptyProject__82OIC{align-items:center;display:flex;flex-direction:column;gap:2rem;height:50%;justify-content:center;width:100%}.TodoList_EmptyProject__82OIC h3{font-size:3.6rem;font-weight:600}.TodoList_EmptyProject__82OIC h5{font-size:2.4rem;font-weight:400}.TodoList_EmptyProject__82OIC button{background:transparent;border:1px solid var(--border-red);color:var(--border-red);font-size:1.6rem;font-weight:400;padding:1rem}.TodoList_EmptyProject__82OIC button:hover{background:var(--border-red);color:var(--white-color);cursor:pointer}.TodoList_showDetailsModal__UCH4y{min-height:auto}.Checkbox_customCheckbox__LzCKV{accent-color:#b0ebe6;height:20px;outline:2px solid #193c03;width:20px}.TodoCard_todoDateSuccess__5\+UTE{color:#387600}.TodoCard_todoDateWarning__XPWkx{color:#bd9400}.TodoCard_todoDateDanger__ZjrKz{color:#cd4848}.TodoCard_success__Fx0j-{border:2px solid #387600}.TodoCard_warning__F1RE\+{border:2px solid #bd9400}.TodoCard_danger__MrMsu{border:2px solid #cd4848}.TodoCard_todoCard__RIoOt{align-items:center;background:var(--todocard-color);display:flex;flex-direction:column;gap:3rem;justify-content:space-between;margin:0 auto;padding:2rem;width:90%}.TodoCard_todoCard__RIoOt:hover{box-shadow:2px 2px 6px 2px #4d5a57}.TodoCard_todoLeft__5J89o,.TodoCard_todoRight__\+5-q0{align-items:center;display:flex;flex-direction:column;gap:2rem}.TodoCard_todoRight__\+5-q0{justify-content:space-between}.TodoCard_icons__aHt3h{display:flex;justify-content:space-around;width:100%}.TodoCard_todoTitle__3r5bR{color:var(--todo-color);font-size:1.6rem;font-weight:500;margin-left:1.5rem;margin-right:auto}.TodoCard_todoDate__BaHvD{font-size:1.2rem;font-weight:600}.TodoCard_strikeOut__pdmp\+{text-decoration:line-through}.TodoCard_opacity__2Kwmp{opacity:.6}@media only screen and (min-width:768px){.TodoCard_todoCard__RIoOt{flex-direction:row;gap:2rem;height:auto;width:90%}.TodoCard_todoLeft__5J89o{flex-direction:row;gap:0}.TodoCard_todoRight__\+5-q0{flex-direction:column;gap:1.5rem}.TodoCard_todoDate__BaHvD{font-size:1.1rem}.TodoCard_icons__aHt3h{display:flex;gap:1.2rem;justify-content:space-around;width:auto}}@media only screen and (min-width:1025px){.TodoCard_todoCard__RIoOt{gap:2rem;padding:2rem;width:90%}.TodoCard_todoLeft__5J89o{flex-direction:row;gap:0}.TodoCard_todoRight__\+5-q0{flex-direction:row;justify-content:space-between;width:35%}.TodoCard_todoDate__BaHvD{font-size:1.3rem}}.ShowDetails_close__ZhEI1{display:flex;margin-left:auto}.ShowDetails_close__ZhEI1:hover{color:#adff2f;cursor:pointer}.ShowDetails_modalHeader__UP5XV{background:#3246a3;padding:0 2rem}.ShowDetails_content__OeoZD{align-items:flex-start;background:#4e5fad;display:flex;flex-direction:column;justify-content:center;padding:1rem 2rem}.ShowDetails_content__OeoZD h1{font-size:1.6rem}.ShowDetails_content__OeoZD .ShowDetails_todo__hLcYS{display:flex;flex-direction:column;margin-bottom:2rem;margin-left:2rem;margin-top:2rem}.ShowDetails_content__OeoZD .ShowDetails_desc__3UbWl{font-size:1.4rem;font-weight:600}.ShowDetails_priorityColor__rLHtQ{color:#ffe6e6;letter-spacing:.2rem}.ShowDetails_details__7-eje{font-size:1.4rem;font-weight:400;margin-left:1rem}@media only screen and (min-width:768px){.ShowDetails_content__OeoZD h1{font-size:2.4rem}.ShowDetails_content__OeoZD .ShowDetails_desc__3UbWl,.ShowDetails_details__7-eje{font-size:2rem}}@media only screen and (min-width:992px){.ShowDetails_content__OeoZD h1{font-size:3.6rem}.ShowDetails_content__OeoZD .ShowDetails_desc__3UbWl,.ShowDetails_details__7-eje{font-size:2.4rem}}.NoteCard_grid__nwccv{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.NoteCard_card__lGBKJ{background:#d0dbd7}.NoteCard_card__lGBKJ:hover{box-shadow:2px 2px 6px 2px #4d5a57}.NoteCard_cardDelete__7ZJXx{background:#c3d5ce;color:#032842;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 1rem}.NoteCard_delete__rWh1B{font-size:1.4rem;font-weight:600}.NoteCard_cardDelete__7ZJXx:hover{color:var(--btn-hover);cursor:pointer}.NoteCard_cardHeader__xT6se{display:flex;justify-content:center;overflow:hidden}.NoteCard_cardHeaderExtra__UZBZ\+,.NoteCard_cardHeader__xT6se{font-size:1.6rem;font-weight:600}.NoteCard_cardBody__Xky6z{padding:1rem;white-space:pre-wrap}.NoteCard_cardBodyExtra__WNbc3,.NoteCard_cardBody__Xky6z{font-size:1.4rem;font-weight:400}@media only screen and (min-width:768px){.NoteCard_cardHeaderExtra__UZBZ\+,.NoteCard_cardHeader__xT6se{font-size:2rem}.NoteCard_cardBodyExtra__WNbc3,.NoteCard_cardBody__Xky6z,.NoteCard_delete__rWh1B{font-size:1.6rem}}@media only screen and (min-width:1025px){.NoteCard_cardHeaderExtra__UZBZ\+,.NoteCard_cardHeader__xT6se{font-size:2.4rem}.NoteCard_delete__rWh1B{font-size:2rem}.NoteCard_cardBodyExtra__WNbc3,.NoteCard_cardBody__Xky6z{font-size:1.8rem}}
/*# sourceMappingURL=main.b5174aac.css.map*/