.CategoryIcon{border:1px solid var(--third-color);border-radius:50%;display:flex;height:2.5rem;margin-right:1.5rem;place-content:center;width:2.5rem}.CategoryIcon .fa-laptop-code{width:1.25rem}.CategoryIcon .fa-pizza-slice,.CategoryIcon .fa-running,.CategoryIcon .fa-user-tie{width:1rem}@media (min-width:600px){.CategoryIcon{height:3.5rem;margin-right:2rem;width:3.5rem}.CategoryIcon .fa-laptop-code{width:1.75rem}.CategoryIcon .fa-pizza-slice,.CategoryIcon .fa-running{width:1.625rem}.CategoryIcon .fa-user-tie{width:1.5rem}}@media (min-width:900px){.CategoryIcon{height:5rem;margin-right:6.25rem;width:5rem}.CategoryIcon .fa-laptop-code{width:2.5rem}.CategoryIcon .fa-pizza-slice,.CategoryIcon .fa-running,.CategoryIcon .fa-user-tie{width:2.25rem}}@media (min-width:1280px){.CategoryIcon{background-color:#fff;border:none;height:2rem;margin-right:.875rem;width:2rem}.CategoryIcon svg path{fill:var(--third-color)}.CategoryIcon .fa-laptop-code{width:.875rem}.CategoryIcon .fa-pizza-slice,.CategoryIcon .fa-running,.CategoryIcon .fa-user-tie{width:.75rem}}.TaskDone{background-color:rgba(0,0,0,.3);border-radius:5px;height:3rem;margin-bottom:1rem;padding:.5rem 1.5rem;position:relative}.TaskDone .CategoryIcon{display:none}.TaskDone:last-child{margin-bottom:0}.TaskDone__title{font-size:.875rem;font-weight:400;line-height:1;margin:0 0 .25rem}.TaskDone__date{color:var(--third-color);font-size:.75rem;font-weight:400;line-height:1}.TaskDone__icon{bottom:-1rem;position:absolute;right:.5rem;width:2rem}.TaskDoneDesktop__icon{display:none}@media (min-width:600px){.TaskDone{height:4.375rem;margin-bottom:2rem;padding:.75rem 1.5rem}.TaskDone__title{font-size:1.125rem;margin:0 0 .75rem}.TaskDone__date{font-size:1rem}.TaskDone__icon{bottom:-1.5rem;right:1rem;width:2.875rem}}@media (min-width:900px){.TaskDone{height:6.25rem;margin-bottom:3rem;padding:1rem 1.5rem}.TaskDone__title{font-size:1.75rem;margin:0 0 1rem}.TaskDone__date{font-size:1.5rem}.TaskDone__icon{bottom:-2.25rem;width:5.125rem}}@media (min-width:1280px){.TaskDone{background-color:transparent;border:1px solid var(--primary-color);border-radius:6px;display:grid;grid-template-columns:-webkit-min-content 1fr .875rem;grid-template-columns:min-content 1fr .875rem;height:3.5rem;margin-bottom:1.5rem;opacity:50%;padding:.625rem 1rem}.TaskDone__title{font-size:.875rem;grid-column:2/3;grid-row:1/2;margin:0 0 .3rem}.TaskDone__date{color:#fff;font-size:.75rem;grid-column:2/3;grid-row:2/3;opacity:50%}.TaskDone__icon{display:none}.TaskDone .CategoryIcon{background-color:#fff;border:none;display:flex;grid-row:1/3;height:2rem;margin-right:.875rem;width:2rem}.TaskDone .CategoryIcon svg path{fill:var(--secondary-color)}.TaskDone .CategoryIcon .fa-laptop-code{width:.875rem}.TaskDone .CategoryIcon .fa-pizza-slice,.TaskDone .CategoryIcon .fa-running,.TaskDone .CategoryIcon .fa-user-tie{width:.75rem}.TaskDoneDesktop__icon{display:block;position:absolute;right:1rem;top:50%;-webkit-transform:translate(25%,-50%);transform:translate(25%,-50%);width:.875rem}}.TasksDoneList{height:100vh;list-style:none;margin:0;max-height:33.5rem;overflow:auto;padding:0}.TasksDoneList::-webkit-scrollbar{background:transparent;width:0}@media (min-width:414px){.TasksDoneList{max-height:38rem}}@media (min-width:600px){.TasksDoneList{max-height:42rem}}@media (min-width:900px){.TasksDoneList{max-height:64rem}}@media (min-width:1280px){.TasksDoneList{max-height:12rem}}.MobileMenu{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:rgba(15,37,56,.75);box-shadow:10px 0 10px rgba(0,0,0,.25);height:100vh;padding:0 1rem;position:absolute;-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;width:73.3333%;z-index:1}.MobileMenu__title{font-size:1rem;font-weight:700;line-height:1;margin:3.5rem 0 1rem;text-align:center;text-transform:uppercase}.show{-webkit-transform:translateX(0);transform:translateX(0)}@media (min-width:414px){.MobileMenu__title{margin:4rem 0 2rem}}@media (min-width:600px){.MobileMenu{padding:0 3.5rem}.MobileMenu__title{font-size:1.25rem;margin:4.75rem 0 2.25rem}}@media (min-width:900px){.MobileMenu{padding:0 4.875rem}.MobileMenu__title{font-size:2.25rem;margin:6.25rem 0 4rem}}@media (min-width:1280px){.MobileMenu{background:linear-gradient(180deg,var(--secondary-color) 0,rgba(15,37,56,0) 100%);border-radius:20px;box-shadow:none;-webkit-filter:drop-shadow(0 0 20px rgba(0,0,0,.15));filter:drop-shadow(0 0 20px rgba(0,0,0,.15));grid-column:2/3;grid-row:3/4;height:21.5rem;margin-top:-1rem;padding:2rem;position:static;-webkit-transform:translateX(0);transform:translateX(0);width:26.25rem}.MobileMenu__title{font-size:1.25rem;line-height:1;margin:0 0 2rem;text-align:left}}.HamburgerMenu{background-color:transparent;border:none;display:flex;flex-direction:column;height:.875rem;justify-content:space-between;padding:0;position:fixed;width:1.5rem;z-index:1}.HamburgerMenu__bottom,.HamburgerMenu__middle,.HamburgerMenu__top{background-color:#fff;border-radius:1px;height:.125rem;position:absolute;-webkit-transform-origin:left;transform-origin:left;transition:all .3s ease-in}.HamburgerMenu__bottom,.HamburgerMenu__top{width:1rem}.HamburgerMenu__middle{top:.375rem;width:1.5rem}.HamburgerMenu__bottom{margin-left:auto;right:0;top:.75rem}.turn-right{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem}.turn-left{top:1.05rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem}.vanished{width:0}@media (min-width:600px){.HamburgerMenu{height:1rem;width:1.5rem}.HamburgerMenu__bottom,.HamburgerMenu__top{width:1.375rem}.HamburgerMenu__middle{top:.4375rem;width:2rem}.HamburgerMenu__bottom{right:-.5rem;top:.875rem}.turn-right{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:2rem}.turn-left{top:1.35rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:2rem}.vanished{width:0}}@media (min-width:900px){.HamburgerMenu{height:1.25rem}.HamburgerMenu__bottom,.HamburgerMenu__middle,.HamburgerMenu__top{border-radius:2px;height:.25rem}.HamburgerMenu__middle{top:.5rem;width:2rem}.HamburgerMenu__bottom{right:-.5rem;top:1rem}.turn-right{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:2rem}.turn-left{top:1.35rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:2rem}.vanished{width:0}}@media (min-width:1280px){.HamburgerMenu{display:none}}.container{height:0;padding-bottom:2.5rem;padding-top:1rem;position:relative;width:10rem}.LineUnderTitle{left:0;position:absolute;top:0}@media (min-width:414px){.container{padding-bottom:3.25rem;width:10.5rem}}@media (min-width:600px){.container{padding-bottom:2.5rem;width:16rem}}@media (min-width:900px){.container{padding-bottom:5rem;width:23rem}}@media (min-width:1280px){.container{display:none}}.Title{font-size:1.875rem;font-weight:300;line-height:1;margin:3rem 0 .5rem;width:60%}@media (min-width:414px){.Title{font-size:2rem;margin-top:2.5rem}}@media (min-width:600px){.Title{font-size:3rem;margin-top:3rem}}@media (min-width:900px){.Title{font-size:4.5rem;margin-top:4.75rem}}@media (min-width:1280px){.Title{display:none}}.ActualDate{display:block;font-size:.75rem;font-weight:300;line-height:1}.ActualDate-desktop-container{display:none}@media (min-width:600px){.ActualDate{font-size:1rem}}@media (min-width:900px){.ActualDate{font-size:1.5rem;font-weight:400}}@media (min-width:1280px){.ActualDate{display:none}.ActualDate-desktop-container{display:flex;flex-direction:column;margin:2.5rem 0 7rem;padding:0 3.25rem}.ActualDate-desktop-container-date{margin:0 0 1rem}.ActualDate-desktop-container-date__day,.ActualDate-desktop-container-date__day-of-the-week,.ActualDate-desktop-container-date__month,.ActualDate-desktop-container-date__year{color:var(--third-color)}}.HeaderLeft .Tasks__add-task-button,.HeaderLeft__calendar{display:none}@media (min-width:1280px){.HeaderLeft__calendar{align-items:center;background-color:var(--third-color);display:flex;height:4.5rem;justify-content:center}.HeaderLeft__calendar svg{margin-right:1rem;width:1.625rem}.HeaderLeft__calendar-title{font-size:1.125rem;line-height:4.5rem;margin:0}.HeaderLeft .Tasks__add-task-button,.HeaderLeft__calendar-title{color:var(--primary-color);font-weight:700;text-transform:uppercase}.HeaderLeft .Tasks__add-task-button{background-color:var(--third-color);border-radius:8px;bottom:4rem;cursor:pointer;display:block;font-size:1rem;height:3rem;left:calc(8vw - 100px);margin:0 auto;position:static;transition:all .3s ease-in-out;width:13rem}.HeaderLeft .Tasks__add-task-button:hover{background-color:transparent;border:1px solid var(--third-color);color:var(--third-color)}}.Category{align-items:center;background-color:var(--primary-color);border-bottom-left-radius:5px;border-top-left-radius:5px;display:flex;line-height:1;padding:.625rem 0 .625rem .75rem;width:8rem}.Category__number{color:var(--secondary-color);font-size:1rem;font-weight:700;line-height:1;margin-right:.5rem;text-align:right;width:1.1875rem}.Category__name{color:#fff;font-size:.75rem;font-weight:300;line-height:1;text-transform:capitalize}.Category .AddTaskFormCategory__dot,.Category:first-child{display:none}@media (min-width:414px){.Category{padding:.75rem 0 .75rem .8125rem}}@media (min-width:600px){.Category{padding:.875rem 0 .875rem 2.25rem;width:12.5rem}.Category__number{font-size:1.25rem;margin-right:.875rem;width:1.25rem}.Category__name{font-size:1rem}}@media (min-width:900px){.Category{border-radius:5px;margin-bottom:1.125rem;padding:1rem 1.5rem;width:14rem}.Category:last-child{margin-bottom:0}.Category__number{font-size:1.75rem;margin-right:.75rem;width:2rem}.Category__name{font-size:1.5rem}}@media (min-width:1280px){.Category{background-color:transparent;border-radius:0;flex-direction:row-reverse;justify-content:flex-end;margin-bottom:1rem;padding:0;width:100%}.Category .AddTaskFormCategory__dot{display:block;height:.625rem;margin-left:0;width:.625rem}.Category__number{background-color:var(--gray-color);border-radius:9px;color:#000;font-size:.75rem;height:1rem;line-height:1rem;margin-left:auto;margin-right:0;text-align:center;width:2.5rem}.Category__name{font-size:1rem;margin-left:.5rem}.Category:first-child{display:flex}.Category:first-child .Category__name{color:var(--third-color);font-weight:400}}.CategoryList{display:flex;flex-direction:column;justify-content:space-between;list-style-type:none;margin:0;padding:0}@media (min-width:900px){.CategoryList{justify-content:center}}@media (min-width:1280px){.CategoryList{margin:2.5rem 0;padding:0 3.25rem}}.HeaderRight{display:flex}.HeaderRight__task-list{display:none}@media (min-width:1280px){.HeaderRight{flex-direction:column}.HeaderRight__task-list{align-items:center;background-color:var(--third-color);display:flex;height:4.5rem;justify-content:center}.HeaderRight__task-list svg{margin-right:1rem;width:1.625rem}.HeaderRight__title{color:var(--primary-color);font-size:1.125rem;font-weight:700;line-height:4.5rem;margin:0;text-transform:uppercase}}.Header{background-image:linear-gradient(45deg,var(--secondary-color),var(--third-color));display:flex;justify-content:space-between;padding:1em 0 1em 1.5em}@media (min-width:414px){.Header{padding:1.5em 0 1.5em 1.5em}}@media (min-width:900px){.Header{padding:2em 4rem 2.5em 4em}}@media (min-width:1280px){.Header{background:linear-gradient(180deg,#0f2538 11.39%,rgba(15,37,56,0));flex-direction:column-reverse;grid-column:1/2;grid-row:2/4;justify-content:flex-end;padding:0}}.Task__icons{align-items:flex-end;display:flex;margin-left:auto}.Task__icons button{background:transparent;border:none;margin-right:.5rem;padding:0;pointer-events:auto}.Task__icons button svg{width:.75rem}.icon:last-child{margin-right:0}@media (min-width:600px){.Task__icons button{margin-right:.75rem}.Task__icons button svg{width:1.125rem}}@media (min-width:900px){.Task__icons button{margin-right:1.25rem}.Task__icons button svg{width:1.75rem}}@media (min-width:1280px){.Task__icons button:nth-child(2){display:none}.Task__icons button:last-child{margin-right:0}.Task__icons button{cursor:pointer;margin-right:.5rem}.Task__icons button svg{width:.875rem}}.Task{border-bottom:1px solid var(--third-color);display:flex;padding:1rem 0;pointer-events:none}.Task:first-child{padding-top:0}.Task__texts{display:flex;flex-direction:column;justify-content:space-between}.Task__title{font-size:.875rem;font-weight:400;margin:0}.Task__date{color:var(--third-color);font-size:.75rem;font-weight:300}.fade{-webkit-animation:fade .8s ease-in-out;animation:fade .8s ease-in-out}@-webkit-keyframes fade{0%{opacity:100%}to{opacity:0}}@keyframes fade{0%{opacity:100%}to{opacity:0}}@media (min-width:414px){.Task{padding:1.5rem 0}}@media (min-width:600px){.Task{border-bottom:2px solid var(--third-color)}.Task__title{font-size:1.125rem;margin:.25rem 0 .75rem}.Task__texts{justify-content:start}.Task__date{font-size:1rem}}@media (min-width:900px){.Task{padding:2.5rem 0 1.75rem}.Task__title{font-size:1.75rem;margin:.25rem 0 1rem}.Task__date{font-size:1.5rem;font-weight:400}}@media (min-width:1280px){.Task{align-items:center;border:1px solid var(--secondary-color);border-radius:6px;cursor:pointer;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s ease-in-out}.Task:hover{background-color:var(--secondary-color)}.Task:hover .Task__icons button svg path{fill:var(--primary-color)}.Task:first-child{padding-top:.75rem}.Task:last-child{margin-bottom:0}.Task__title{align-self:flex-end;flex:1 1;font-size:1rem;margin:0;pointer-events:auto}.Task__date{display:none}}.TaskList{display:flex;flex-direction:column;list-style-type:none;margin:1rem 0 2.8125rem;max-height:45vh;overflow:auto;padding:0}.TaskList::-webkit-scrollbar{background:transparent;width:0}@media (min-width:414px){.TaskList{margin:1.5rem 0 1.625rem;max-height:46vh}}@media (min-width:600px){.TaskList{margin:1.5rem 0 1.375rem;max-height:48vh}}@media (min-width:900px){.TaskList{margin:2.5rem 0 3.25rem;max-height:48vh}}@media (min-width:1280px){.TaskList{margin:2rem 0;max-height:32vh}}.Tasks{padding:1rem 1.5rem 1.5rem}.Tasks__title{font-size:.875rem;line-height:1;margin:0;text-transform:uppercase}.Tasks__title:nth-child(3){display:inline-block}.Tasks__quantity-done-tasks{background-color:var(--secondary-color);border-radius:50%;box-shadow:0 5px 10px rgba(15,37,56,.4);display:inline-flex;height:1.375rem;margin-left:.875rem;place-content:center;place-items:center;width:1.375rem}.Tasks__quantity-done-tasks span{font-size:.75rem;font-weight:700;height:.75rem;line-height:.75rem;text-align:center;width:.75rem}@media (min-width:414px){.Tasks{padding:1.5rem}}@media (min-width:600px){.Tasks{padding:2rem 1.5rem 0}.Tasks__title{font-size:1.125rem}.Tasks__quantity-done-tasks{height:2rem;margin-left:1rem;width:2rem}.Tasks__quantity-done-tasks span{font-size:1rem;height:1rem;line-height:1rem;width:1rem}}@media (min-width:900px){.Tasks{padding:3rem 4rem 0}.Tasks__title{font-size:1.75rem}.Tasks__quantity-done-tasks{height:3rem;margin-left:1.5rem;width:3rem}.Tasks__quantity-done-tasks span{font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}@media (min-width:1280px){.Tasks{background-color:var(--primary-color);border-top-left-radius:20px;border-top-right-radius:20px;padding:1.625rem 2rem 0}.Tasks__title{color:var(--gray-color);font-size:1.25rem}.Tasks .Tasks__title:nth-child(3){display:none}.Tasks__title:after{content:" do zrobienia"}.Tasks__quantity-done-tasks{display:none}}.Tasks__add-task-button{background-color:var(--secondary-color);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 5px 10px rgba(15,37,56,.4);color:#fff;font-family:Roboto,sans-serif;font-size:2.25rem;font-weight:300;height:3rem;line-height:2rem;position:absolute;right:1.5rem;text-align:center;width:3rem}@media (min-width:600px){.Tasks__add-task-button{font-size:3rem;height:4rem;line-height:1;width:4rem}}@media (min-width:900px){.Tasks__add-task-button{bottom:4rem;font-size:4.5rem;height:6rem;right:4rem;width:6rem}}@media (min-width:1280px){.Tasks__add-task-button{display:none}}.ConfirmDeleteTask{background-color:var(--secondary-color);border-radius:5px;display:none;left:50%;padding:1rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:66.6666%;z-index:2}.ConfirmDeleteTask__question{font-size:1rem;line-height:1.2;margin:0 auto 1rem;text-align:center;text-transform:uppercase;width:90%}.ConfirmDeleteTask__buttons-wrapper{display:flex;justify-content:space-between}.ConfirmDeleteTask__button{border:none;border-radius:5px;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:700;height:1.5rem;text-transform:uppercase;width:5rem}.isVisible{display:block}svg,svg path{pointer-events:none}@media (min-width:600px){.ConfirmDeleteTask{padding:1.5rem;width:60%}.ConfirmDeleteTask__question{font-size:1.5rem;margin:0 auto 2.375rem}.ConfirmDeleteTask__button{font-size:1rem;height:2rem;width:6.125rem}}@media (min-width:900px){.ConfirmDeleteTask{padding:2rem;width:60%}.ConfirmDeleteTask__question{font-size:2.25rem;margin:0 auto 3.625rem}.ConfirmDeleteTask__button{font-size:1.875rem;height:3.25rem;width:10.25rem}}@media (min-width:1280px){.ConfirmDeleteTask{padding:1.5rem;width:26.25rem}.ConfirmDeleteTask__question{font-size:1.75rem;margin:0 auto 2.5rem}.ConfirmDeleteTask__button{cursor:pointer;font-size:1.5rem;height:2.8125rem;width:7.1875rem}}.AddTaskFormCategory{align-items:center;border-bottom:1px solid var(--third-color);display:flex;margin-bottom:1.5rem;padding-bottom:.625rem}.AddTaskFormCategory:last-child{margin-bottom:0}.AddTaskFormCategory__name{font-size:.875rem;font-weight:300;line-height:1;text-transform:capitalize}.AddTaskFormCategory__dot{border-radius:50%;height:.375rem;margin-left:.375rem;width:.375rem}.AddTaskFormCategory__dot--orange{background-color:var(--recreation-color)}.AddTaskFormCategory__dot--yellow{background-color:var(--technology-color)}.AddTaskFormCategory__dot--red{background-color:var(--personal-color)}.AddTaskFormCategory__dot--green{background-color:var(--food-color)}.AddTaskFormCategory__radio-container{cursor:pointer;font-size:.75rem;height:.75rem;margin-left:auto;padding-left:35px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.AddTaskFormCategory__radio-container .AddTaskFormCategory__radio:checked~.AddTaskFormCategory__checkmark:after{display:block}.AddTaskFormCategory__radio-container .AddTaskFormCategory__checkmark:after{background:var(--third-color);border-radius:50%;height:6px;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:6px}.AddTaskFormCategory__radio-container:hover~.AddTaskFormCategory__checkmark{background-color:#ccc}.AddTaskFormCategory__radio{cursor:pointer;opacity:0;position:absolute}.AddTaskFormCategory__checkmark{background-color:transparent;border:1px solid #fff;border-radius:50%;height:.75rem;position:absolute;right:0;top:0;width:.75rem}.AddTaskFormCategory__checkmark:after{content:"";display:none;position:absolute}@media (min-width:414px){.AddTaskFormCategory{margin-bottom:2rem;padding-bottom:.875rem}}@media (min-width:600px){.AddTaskFormCategory{border-bottom:2px solid var(--third-color);padding-bottom:1.125rem}.AddTaskFormCategory__name{font-size:1.125rem}.AddTaskFormCategory__dot{height:.5rem;margin-left:1rem;width:.5rem}.AddTaskFormCategory__checkmark{border:2px solid #fff;height:1rem;width:1rem}.AddTaskFormCategory__radio-container .AddTaskFormCategory__checkmark:after{height:.5rem;width:.5rem}}@media (min-width:900px){.AddTaskFormCategory{margin-bottom:3rem;padding-bottom:1.5rem}.AddTaskFormCategory__name{font-size:1.75rem}.AddTaskFormCategory__dot{height:.75rem;width:.75rem}.AddTaskFormCategory__checkmark{height:1.5rem;width:1.5rem}.AddTaskFormCategory__radio-container .AddTaskFormCategory__checkmark:after{height:.75rem;width:.75rem}}@media (min-width:1280px){.AddTaskFormCategory{border-bottom:none;margin-bottom:0;padding-bottom:.875rem}.AddTaskFormCategory__name{font-size:1rem;order:1}.AddTaskFormCategory__dot{height:.625rem;margin-left:0;margin-right:.5rem;order:0;width:.625rem}.AddTaskFormCategory__checkmark{border:2px solid var(--third-color);height:1.125rem;order:2;right:-110px;top:-3px;width:1.125rem}.AddTaskFormCategory__radio-container{margin-left:0;padding-left:0}.AddTaskFormCategory__radio-container .AddTaskFormCategory__checkmark:after{height:.5rem;width:.5rem}}.AddTaskFormCategories{list-style:none;margin:0 0 2rem;padding:0}@media (min-width:414px){.AddTaskFormCategories{margin:0 0 4rem}}@media (min-width:600px){.AddTaskFormCategories{margin:0 0 3.5rem}}@media (min-width:900px){.AddTaskFormCategories{margin:0 0 4.5rem}}@media (min-width:1280px){.AddTaskFormCategories{grid-column-gap:5.875rem;display:grid;grid-template-columns:1fr 1fr;margin:0 0 12rem;order:2}}.AddTaskCategoryIcon{border:1px solid var(--third-color);border-radius:50%;display:flex;height:3rem;margin:0 auto 4rem;place-content:center;width:3rem}.AddTaskCategoryIcon .fa-laptop-code{width:1.5rem}.AddTaskCategoryIcon .fa-pizza-slice,.AddTaskCategoryIcon .fa-running,.AddTaskCategoryIcon .fa-user-tie{width:1.25rem}@media (min-width:414px){.AddTaskCategoryIcon{height:3.375rem;margin:3rem auto 4.5rem;width:3.375rem}}@media (min-width:600px){.AddTaskCategoryIcon{height:4.5rem;margin:0 auto 4rem;width:4.5rem}.AddTaskCategoryIcon .fa-laptop-code{width:2.375rem}.AddTaskCategoryIcon .fa-pizza-slice,.AddTaskCategoryIcon .fa-running,.AddTaskCategoryIcon .fa-user-tie{width:2rem}}@media (min-width:900px){.AddTaskCategoryIcon{border:2px solid var(--third-color);height:7.5rem;margin:0 auto 6rem;width:7.5rem}.AddTaskCategoryIcon .fa-laptop-code{width:3.75rem}.AddTaskCategoryIcon .fa-pizza-slice,.AddTaskCategoryIcon .fa-running,.AddTaskCategoryIcon .fa-user-tie{width:3.25rem}}@media (min-width:1280px){.AddTaskCategoryIcon{height:4rem;margin:2.5rem auto;order:1;width:4rem}.AddTaskCategoryIcon .fa-laptop-code{width:1.75rem}.AddTaskCategoryIcon .fa-pizza-slice,.AddTaskCategoryIcon .fa-running,.AddTaskCategoryIcon .fa-user-tie{width:1.5rem}}.AddTaskForm{margin-top:2.5rem}.AddTaskForm__categories-title{display:none}.AddTaskForm__label{display:block;font-size:.875rem;font-weight:300;line-height:1}.AddTaskForm__title-input{background-color:var(--third-color);border:none;border-radius:3px;color:#000;display:block;font-family:Roboto,sans-serif;font-size:.875rem;height:2rem;margin-top:.625rem;padding:0 .5rem;width:100%}.AddTaskForm__title-input:focus{box-shadow:0 0 0 2px var(--secondary-color);outline:none}.AddTaskForm__submit-button{background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;height:4rem;line-height:1;margin-top:4rem;text-transform:uppercase;width:100%}@media (min-width:414px){.AddTaskForm{margin-top:3rem}}@media (min-width:600px){.AddTaskForm{margin-top:4rem}.AddTaskForm__label{font-size:1.125rem}.AddTaskForm__title-input{font-size:1rem;height:3rem;margin-top:1rem;padding:0 1rem}.AddTaskForm__submit-button{border-radius:6px;font-size:1.5rem;height:6rem;margin-top:3.5rem}}@media (min-width:900px){.AddTaskForm{margin-top:5rem}.AddTaskForm__label{font-size:1.75rem}.AddTaskForm__title-input{border-radius:5px;font-size:1.125rem;height:4rem;margin-top:1.125rem;padding:0 1.5rem}.AddTaskForm__submit-button{border-radius:10px;font-size:2rem;height:8rem;margin-top:4.875rem}}@media (min-width:1280px){.AddTaskForm{display:flex;flex-direction:column;margin-top:2.875rem}.AddTaskForm__categories-title{display:block;margin:0 0 1.5rem;order:2}.AddTaskForm__categories-title,.AddTaskForm__label{color:var(--third-color);font-size:1.125rem;font-weight:700;line-height:1}.AddTaskForm__label{order:0}.AddTaskForm__title-input{height:3.5rem;margin-top:.75rem}.AddTaskForm__submit-button{border-radius:8px;cursor:pointer;font-size:1.125rem;height:3.5rem;margin-top:0;order:3;transition:all .3s ease-in-out}.AddTaskForm__submit-button:hover{background-color:transparent;border:1px solid var(--secondary-color)}.AddTaskForm__submit-button:after{content:"ZATWIERDŹ";font-weight:700}.AddTaskForm__submit-button span{display:none}}.AddTask{background-color:var(--primary-color);height:100vh;padding:1.5rem 2rem 4rem;position:fixed;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%;z-index:1}.AddTask.show{-webkit-transform:translateX(0);transform:translateX(0)}.AddTask__back-icon{background-color:transparent;border:none;padding:0;position:fixed}.AddTask__back-icon svg{height:1rem}.AddTask__title{font-size:1rem;font-weight:700;line-height:1;margin:0;text-align:center;text-transform:uppercase}.AddTask__title-desktop{display:none}@media (min-width:600px){.AddTask{padding:1.5rem 3rem 0}.AddTask__back-icon{left:1.25rem}.AddTask__back-icon svg{height:1.5rem}.AddTask__title{font-size:1.5rem}}@media (min-width:900px){.AddTask{padding:4rem 9.375rem 0}.AddTask__back-icon{left:2rem;top:2rem}.AddTask__back-icon svg{height:2rem}.AddTask__title{font-size:2.375rem}}@media (min-width:1280px){.AddTask{background-color:var(--primary-color);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;grid-column:3/4;grid-row:2/-1;height:auto;padding:1.625rem 2rem 3.75rem;position:static;-webkit-transform:translateY(100%);transform:translateY(100%);width:auto}.AddTask__back-icon,.AddTask__title{display:none}.AddTask__title-desktop{color:var(--gray-color);display:block;font-size:1.25rem;line-height:1;margin:0;text-transform:uppercase}}.TaskDetails{display:none}@media (min-width:1280px){.TaskDetails{background-color:var(--primary-color);border-top-left-radius:20px;border-top-right-radius:20px;display:block;grid-column:3/4;grid-row:2/-1;padding:1.625rem 2rem 3.75rem}.TaskDetails__title{color:var(--gray-color);font-size:1.25rem;line-height:1;margin:0 0 2.75rem;text-transform:uppercase}.TaskDetails__subtitle{color:var(--third-color);font-size:1.125rem;line-height:1;margin:0 0 .75rem}.TaskDetails__subtitle:nth-child(2){margin:0 0 .875rem}.TaskDetails__task-title{font-size:2rem;font-weight:700;line-height:1;margin:0 0 4.875rem}.TaskDetails__task-category{margin:0 0 2.5rem}.TaskDetails__task-category span{text-transform:capitalize}.TaskDetails__task-category:nth-child(9){margin:0 0 9.6875rem}.TaskDetails__task-category-dot{border-radius:50%;display:inline-block;height:.625rem;margin-right:.5rem;width:.625rem}.TaskDetails__task-category-dot--orange{background-color:var(--recreation-color)}.TaskDetails__task-category-dot--yellow{background-color:var(--technology-color)}.TaskDetails__task-category-dot--red{background-color:var(--personal-color)}.TaskDetails__task-category-dot--green{background-color:var(--food-color)}.TaskDetails__modify-button{background-color:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:700;height:3.5rem;line-height:3.5rem;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.TaskDetails__modify-button:hover{background-color:transparent;border:1px solid var(--secondary-color)}}.App{background-color:var(--primary-color);color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;min-height:100vh}.desktop-main-title{display:none}@media (min-width:1280px){.App{grid-column-gap:2.5rem;background-color:transparent;display:grid;grid-template-columns:17rem 26.25rem 26.25rem;grid-template-rows:auto auto auto auto;justify-content:center;margin:0 auto;max-width:75rem}.desktop-main-title{display:block;font-size:2.625rem;grid-column:1/-1;grid-row:1/2;line-height:1.2;margin:3.75rem auto;max-width:30rem;text-align:center}}:root{--primary-color:#0f2538;--secondary-color:#30769c;--third-color:#6c99b2;--gray-color:#c4c4c4;--recreation-color:#e79418;--technology-color:#d9e73c;--personal-color:#e73c3c;--food-color:#3ce758}*,:after,:before{box-sizing:border-box}:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow:hidden}@media (min-width:1280px){body{background:linear-gradient(180deg,#000,#0f2538)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.3763bea1.css.map*/