:root{--font-primary:"Quicksand",sans-serif;--font-secondary:"Roboto",sans-serif;--color-primary:#08c;--color-primary-light:#0496ff;--color-grey:#c4c4c4;--color-grey-light:#f4f4f4;--color-grey-dark:#6c757d;--color-background:#fff;--color-white:#fff;--color-black:#000;--color-red:#e5383b;--color-yellow:#ffd607;--color-green:#31d843;--font-xs:1.5rem;--font-s:1.6rem;--font-m:1.8rem;--font-l:2rem;--font-xl:3rem;--box-shadow:0 0 10px 0px rgba(0,0,0,0.3)}[data-theme=dark]{--color-white:#121212;--color-black:#fff;--color-grey-light:#c4c4c4;--color-background:rgba(18,18,18,0.8823529411764706)}html{font-size:62.5%;box-sizing:border-box}@media only screen and (max-width:900px){html{font-size:50%}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}body{font-family:"Quicksand",sans-serif;font-family:var(--font-primary);color:#000;color:var(--color-black);background-color:#fff;background-color:var(--color-background)}.center{grid-column:center-start/center-end;padding:0 10rem}@media only screen and (max-width:1200px){.center{padding:0 3rem}}@media only screen and (max-width:650px){.center{grid-column:full-start/center-end}}@media only screen and (max-width:400px){.center{grid-column:full-start/full-end}}.center__header{margin-bottom:4rem}.center__text{font-size:var(--font-l);font-family:var(--font-secondary);font-weight:400;margin:2rem 0}.center__form{width:100%;display:flex}.center__input{flex:1 1;border:none;background-color:var(--color-grey-light);padding:0 1rem;font-size:var(--font-s);transition:all .3s;border-radius:1rem}.center__input::-webkit-input-placeholder{color:#000}.center__input:-ms-input-placeholder{color:#000}.center__input::placeholder{color:#000}.center__input:focus{outline:none}.center__button{flex-basis:20%;padding:1rem 2rem;margin-left:-3rem;background-color:var(--color-primary-light);border:none;border-radius:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.center__button:hover{background-color:var(--color-primary)}.center__button-icon{width:1.5rem;height:1.5rem;fill:var(--color-white)}.tasklist{border-bottom:1px solid var(--color-grey);margin:0 1rem 5rem}.tasklist__incomplete{font-size:var(--font-s);font-family:var(--font-secondary);font-weight:300;margin-bottom:1.5rem}.tasklist__complete{display:flex;align-items:baseline}.tasklist__list{list-style:none}.complete__heading{font-size:var(--font-s);font-family:var(--font-secondary);font-weight:300;margin-bottom:1.5rem}.complete__clear-button{color:var(--color-red);font-size:var(--font-xs);margin-left:auto;cursor:pointer}.task{display:flex;align-items:center;background:#fff;background-color:rgba(177,200,255,.5);margin-bottom:1rem;padding:.5rem 1.5rem;position:relative;border-radius:3px}.task--complete{background-color:hsla(0,0%,76.9%,.3)}.task__title{font-size:var(--font-s);font-family:var(--font-secondary);margin-left:2rem;cursor:pointer}.task__title--complete{font-weight:300}.task__menu-icon{width:1.5rem;height:1.5rem;margin-left:auto;cursor:pointer}.dropdown{width:15rem;background-color:var(--color-white);position:absolute;top:100%;right:-1rem;z-index:600;box-shadow:var(--box-shadow);padding:.5rem 0}.dropdown__priority{display:flex;flex-direction:column}.priority__heading{font-size:var(--font-xs);font-weight:500;margin-top:1rem;margin-left:1rem}.priority__menu{display:flex;align-items:center;margin:1.5rem .5rem .5rem;border-bottom:1px solid var(--color-grey);padding-bottom:1rem}.priority__level{width:1.5rem;height:1.5rem;flex-basis:25%;cursor:pointer}.priority__level--1{fill:var(--color-red)}.priority__level--2{fill:var(--color-yellow)}.priority__level--3{fill:var(--color-primary-light)}.priority__level--4{fill:var(--color-green)}.button__container{width:100%;display:flex;align-items:center;padding:.5rem 0;cursor:pointer;transition:all .3s}.button__container:hover{background-color:var(--color-grey)}.button__icon{width:1.8rem;height:1.8rem;margin:0 1rem;fill:var(--color-black)}.button__container:hover .button__icon--delete{fill:var(--color-red)}.button__container:hover .button__icon--edit{fill:var(--color-primary-light)}.button__label{font-size:var(--font-xs);font-weight:400;color:var(--color-black)}.button__container:hover .button__label--delete{color:var(--color-red)}.button__container:hover .button__label--edit{color:var(--color-primary)}.checkbox__container{align-self:center;cursor:pointer}.checkbox__input{width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;border:5px solid var(--color-green);transition:all .3s}.checkbox__input--complete{border:none;background-color:var(--color-green)}.red{border:5px solid var(--color-red)}.red--complete{border:none;background-color:var(--color-red)}.yellow{border:5px solid var(--color-yellow)}.yellow--complete{border:none;background-color:var(--color-yellow)}.blue{border:5px solid var(--color-primary-light)}.blue--complete{border:none;background-color:var(--color-primary-light)}@keyframes revealAnimation{0%{opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) scale(0)}to{opacity:1;top:50%;left:50%;transform:translate(-50%,-50%) scale(1)}}.modal__overlay{background-color:var(--color-black);position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;opacity:.3}.modal__content{background-color:var(--color-white);width:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:2rem;border-radius:3px;animation:revealAnimation;animation-duration:.5s}@media only screen and (max-width:600px){.modal__content{width:75%}}.modal__header{width:100%;display:flex;align-items:baseline}.modal__inbox-icon{height:1.8rem;width:1.8rem;fill:var(--color-black)}.modal__heading{font-size:var(--font-m);margin-left:1rem}.modal__exit-icon{height:1.8rem;width:1.8rem;margin-left:auto;cursor:pointer;transition:all .2s;fill:var(--color-black)}.modal__exit-icon:hover{fill:var(--color-red);transform:scale(1.2)}.edit-form{display:flex;flex-direction:column;font-family:var(--font-secondary)}.edit-form__input-label{margin:2.5rem 0 .7rem;font-size:var(--font-xs)}.edit-form__input,.edit-form__text{padding:.5rem 1rem;border:1px solid var(--color-grey-dark);border-radius:.5rem;font-size:var(--font-s);font-family:var(--font-primary);background-color:var(--color-white);color:var(--color-black)}.edit-form__text{outline:none;resize:none;overflow:auto}.edit-form__button{width:30%;margin-top:2.5rem;padding:1rem 2rem;background-color:var(--color-primary-light);border:none;cursor:pointer;color:var(--color-white);font-size:var(--font-m);align-self:center;transition:all .3s;outline:none;border-radius:.5rem}.edit-form__button:hover{background-color:var(--color-primary)}.nav-header__container{display:none}@media only screen and (max-width:650px){.nav-header__container{grid-column:1/-1;grid-row:1/2;background-color:var(--color-primary);display:flex;align-items:center;justify-content:space-between;padding:1rem}}.nav-header__logo{font-size:var(--font-l);color:var(--color-white)}.theme-switch__container{display:flex;align-items:center;margin-right:2rem}.theme-switch__icon--light{width:3rem;height:3rem;fill:#fff;transition:all .5s}.theme-switch__icon--dark{width:2.2rem;height:2.2rem;fill:#fff;transition:all .5s}.theme-switch__label{height:2.5rem;width:5rem;position:relative;margin:0 .5rem}.theme-switch__input{display:none}.theme-switch__slider{background-color:#6c757d;position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;border-radius:10rem}.theme-switch__slider:before{content:"";background-color:#fff;top:2.5px;left:2.5px;height:2rem;width:2rem;position:absolute;border-radius:10rem;transition:all .3s}@media only screen and (max-width:900px){.theme-switch__slider:before{top:2px}}.theme-switch__input:checked+.theme-switch__slider:before{transform:translateX(2.6rem)}@media only screen and (max-width:900px){.theme-switch__input:checked+.theme-switch__slider:before{transform:translateX(2.4rem)}}.glow{fill:var(--color-yellow);transform:scale(1.15)}.navbar{grid-column:full-start/center-start;background-color:var(--color-primary);color:#fff;display:flex;flex-direction:column}@media only screen and (max-width:650px){.navbar{display:none}}.navbar__logo{font-size:3rem;font-family:var(--font-primary);font-weight:500;margin:1rem 2rem}.navbar__menu{margin-top:10rem;list-style:none;padding:0 2rem}.navbar__toggle{align-self:center;margin-top:auto;margin-bottom:3rem}.navbar__item{margin-bottom:2.5rem;cursor:pointer;display:flex;align-items:center}.navbar__icon{width:2rem;height:2rem;fill:currentColor}.navbar__title{font-size:var(--font-xs);margin-left:1.5rem}.navbar__count{font-size:var(--font-s);margin-left:auto}.navbar__footer{flex-basis:10%;display:flex;align-items:center;padding:2rem}@keyframes moveFromRight{0%{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}.sidebar{grid-column:center-end/full-end;border-left:1px solid var(--color-grey)}@media only screen and (max-width:400px){.sidebar{display:none}}.sidebar__detail{padding:2rem;margin-top:5rem}.sidebar__empty-text{font-size:var(--font-xl);font-weight:500;color:var(--color-primary);opacity:.5;text-align:center;margin-top:100%}@media only screen and (max-width:650px){.sidebar__empty-text{font-size:var(--font-m);padding:2rem}}.detail__heading{font-size:var(--font-l)}.detail__description,.detail__heading{animation:moveFromRight;animation-duration:.3s}.detail__description{font-size:var(--font-s);font-family:var(--font-secondary);font-weight:400;color:var(--color-grey-dark);margin-top:2.5rem;margin-bottom:1rem}.detail__content{font-size:var(--font-m);animation:moveFromRight;animation-duration:.3s}.main-page{display:grid;grid-template-columns:[full-start] 20rem [center-start] repeat(8,[col-start] 1fr [col-end]) [center-end] 25rem [full-end];grid-template-rows:minmax(100vh,-webkit-max-content);grid-template-rows:minmax(100vh,max-content)}@media only screen and (max-width:650px){.main-page{grid-template-columns:[full-start] 18rem [center-start] repeat(8,[col-start] 1fr [col-end]) [center-end] 20rem [full-end];grid-template-rows:5rem minmax(100vh,-webkit-max-content);grid-template-rows:5rem minmax(100vh,max-content)}}
/*# sourceMappingURL=main.88ec60d2.chunk.css.map */