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}html{font-size:9px;height:100vh;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--cta:var(--violet-500);--light:#fff;--dark:#001219;--gray:var(--gray-400)}.bg-dark{background-color:#001219;background-color:var(--dark)}.bg-light{background-color:#fff;background-color:var(--light)}.login__button,.signup__button{background:none;background-color:var(--primary);border:none;border-radius:8px;color:var(--main-black);cursor:pointer;font-size:2rem;margin-top:2rem;outline:none;padding:1.5rem;transition:1s}.form__container{align-items:center;border-radius:24px;box-shadow:0 0 20px 6px rgba(0,0,0,.4);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:2rem;width:-webkit-max-content;width:max-content}.heading{color:var(--gray-300);font-size:3rem;font-weight:900;padding:1rem}form{box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;margin-top:6rem;width:50rem}.email,.first_name,.last_name,.password{display:flex;flex-direction:column;height:6rem;margin-bottom:2rem;width:100%}.termsAndCondition__container{align-items:center;display:flex;flex-direction:row;justify-content:center}.termsAndCondition{height:20px;margin:0 8px 0 0;padding:0;position:relative;top:2px;width:20px}.email__input,.first_name__input,.last_name__input,.password__input{background:none;border:0;border-bottom:2px solid var(--primary);box-sizing:border-box;color:var(--gray-400);height:3rem;outline:none;width:100%}label{color:var(--gray-300);font-size:2rem}.footer{align-items:center;display:flex;height:6rem;margin-bottom:2rem;width:100%}.rememberMe__container{display:flex;flex-direction:row}.rememberMe{cursor:pointer;height:20px;margin:0 8px 0 0;padding:0;position:relative;top:-2px;width:20px}.forgotPassword{color:var(--primary);cursor:pointer;font-size:2rem;margin-left:auto}.forgotpassword__container,.login__container,.signup__container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.send__password__button{background:none;background-color:var(--primary);border:none;border-radius:8px;color:var(--main-black);cursor:pointer;font-size:2rem;margin-top:2rem;outline:none;padding:1.5rem;transition:1s}.noaccount{color:var(--gray-300);font-size:2rem;margin-top:2rem;text-align:center}@media screen and (max-width:440px){html{font-size:7px}}@media screen and (max-width:800px){.form__container{-webkit-transform:scale(.8);transform:scale(.8)}}.not-found{align-items:center;display:flex;font-size:5rem;justify-content:center}.App,.not-found{height:100vh;width:100vw}.App__main{display:flex;height:100%;width:100%}.nav__wrapper{border:none;display:flex;flex-direction:row;z-index:100}.theme__icon{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;height:4rem;justify-content:center;margin-left:2rem;margin-right:2rem}.nav__logo{color:var(--cta);font-size:4rem}.nav__right{min-width:-webkit-max-content;min-width:max-content}.sidebar__wrapper{border-right:var(--gray-800);height:100%;min-width:15rem}.sidebar__links,.sidebar__wrapper{display:flex;flex-direction:column}.sidebar__links{margin:8rem 2rem 0}.sidebar__link{align-items:center;border-radius:10px;display:flex;font-size:1.5rem;justify-content:start;margin:3rem 0 0;padding:1rem;transition:-webkit-transform all .2s;transition:transform all .2s;transition:transform all .2s,-webkit-transform all .2s}.sidebar__link:hover{background-color:var(--cta)}.sidebar__link--icon{margin-right:1rem}@media screen and (max-width:600px){.sidebar__link--text{display:none}.sidebar__link{width:-webkit-max-content;width:max-content}.sidebar__link--icon{margin-right:0}.sidebar__wrapper{border-right:var(--gray-800);display:flex;flex-direction:column;height:100%;min-width:-webkit-max-content;min-width:max-content}}.home__container{flex-grow:1;margin-left:auto;overflow:hidden}.home__container,.home__notes__container{display:flex;flex-direction:column;height:100%}.home__notes__container{align-items:center;overflow-y:scroll;padding:10rem 0;width:100%}.home__notes__container::-webkit-scrollbar{display:none}.home__add-new-note{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:start;margin:2rem 0;width:100%}.notes-category-heading{font-size:1.5rem}.home__notes--pinned,.home__notes--unpinned{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;width:100%}.notes__grid{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:1100px){.notes__grid{display:grid;grid-template-columns:repeat(1,1fr);width:-webkit-max-content;width:max-content}.home__notes__container{align-items:center;display:flex;flex-direction:column;height:100%;padding:10rem 0;width:100%}}@media screen and (max-width:600px){.home__notes__container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-y:scroll;padding:10rem 0;width:100%}.notes__grid{display:grid;grid-template-columns:repeat(1,1fr);width:-webkit-max-content;width:max-content}}.new-note-card__container{border-radius:24px;box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;margin:2rem 0;min-width:50rem;padding:2rem}.new-note-card__title{font-size:2.5rem;margin:1rem}.new-note-card__body{font-size:1.5rem;height:15rem;margin:1rem}.new-note-card__label{border-radius:8px;font-size:1.5rem;margin:1rem;width:-webkit-max-content;width:max-content}.new-note-card__metadata{display:flex;font-size:1.5rem;margin:1rem}.note-card__metadata--colour{cursor:pointer;padding:1rem}.new-note-card__body,.new-note-card__label,.new-note-card__title{border:1px solid var(--dark);border-radius:8px;font-size:1.5rem;margin-bottom:2rem;padding:2rem}.requiredError{align-self:center;background-color:var(--dark);border-radius:8px;color:var(--red-400);font-size:1.5rem;padding:1rem;text-align:center;width:-webkit-max-content;width:max-content}.button:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);opacity:.8}@media screen and (max-width:600px){.new-note-card__container{-webkit-transform:scale(.8);transform:scale(.8)}}.filter__container{display:flex;justify-content:center;margin:2rem 0;position:relative;width:-webkit-max-content;width:max-content;z-index:10}.filter-input{border:1px solid var(--gray-700);border-radius:8px;font-size:1.5rem;width:30rem}.filter-input,.sort{height:5rem;padding:1rem}.sort{align-items:center;justify-content:center;margin-left:1rem;width:-webkit-max-content;width:max-content}.sort,.sort__container{border-radius:8px;display:flex}.sort__container{border:1px solid var(--gray-400);flex-direction:column;height:-webkit-max-content;height:max-content;padding:2rem;position:absolute;right:0;top:6rem;width:100%}.sort--date,.sort--priority{display:flex;flex-direction:column}.sort__row{display:flex;justify-content:center}.sort__label{font-size:1.5rem;margin-left:1rem}.sort__heading{font-size:1.5rem;margin:1rem 0}.landing__page__container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:start;overflow:hidden;width:100vw}.landing__page--text{display:flex;flex-direction:column;height:100%;justify-content:space-around;margin-left:10rem;width:50%}.landing__page__logo--text{color:#fca311;font-size:12rem}.landing__page__heading{margin:1rem 0}.landing__page__heading--text{color:#000;font-size:6rem}.landing__page__description--text{color:#8d99ae;font-size:3rem;margin:0;width:80%}.landing__page__auth{display:flex;flex-direction:column}.landing__page--login{background-color:#fca311;margin-bottom:2rem;width:-webkit-max-content;width:max-content}.landing__page--login:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.landing__page--signup{color:#000;font-size:1.5rem}.signup{color:#fca311}.landing__page--image{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.image--pen{max-width:100%}@media screen and (max-width:1400px){.landing__page__container{align-items:center;background-color:#fff;height:100vh;overflow:scroll;width:100vw}.landing__page--text,.landing__page__container{display:flex;flex-direction:column;justify-content:start}.landing__page--text{height:100%;margin-bottom:10rem;margin-left:0;width:80%}.landing__page__logo--text{color:#fca311;font-size:8rem;margin:10rem 0 0}.landing__page__heading{margin:8rem 0}.landing__page__heading--text{color:#000;font-size:4rem}.landing__page__description--text{color:#8d99ae;font-size:2rem;width:100%}.landing__page__auth{display:flex;flex-direction:column}.landing__page--signup{color:#000;font-size:1.5rem}.signup{color:#fca311}.landing__page--image{align-items:center;display:flex;height:100%;justify-content:center;margin:0 0 8rem;width:60%}.image--pen{max-width:100%}}@media screen and (max-width:800px){.landing__page__container{align-items:center;background-color:#fff;height:100vh;overflow:scroll;width:100vw}.landing__page--text,.landing__page__container{display:flex;flex-direction:column;justify-content:start}.landing__page--text{height:100%;margin-bottom:10rem;width:80%}.landing__page__logo--text{color:#fca311;font-size:8rem;margin:10rem 0 0}.landing__page__heading{margin:8rem 0}.landing__page__heading--text{color:#000;font-size:4rem}.landing__page__description--text{color:#8d99ae;font-size:2rem;margin:0;width:80%}.landing__page--signup{color:#000;font-size:1.5rem}.signup{color:#fca311}.landing__page--image{align-items:center;display:flex;height:100%;justify-content:center;margin:0 0 8rem;width:60%}.image--pen{max-width:100%}}.archive__container{display:flex;flex-direction:column;flex-grow:1;height:100%;margin-left:auto;overflow:hidden}.archive__notes__container{height:100%;overflow-y:scroll;padding:10rem 0}.archive__notes,.archive__notes__container{align-items:center;display:flex;flex-direction:column;width:100%}.archive__notes{height:-webkit-max-content;height:max-content}.archive__heading{font-size:2rem}.archive-empty{font-size:3rem;margin-top:10rem}.label__container{flex-grow:1;margin-left:auto;overflow:hidden}.label__container,.label__notes__container{display:flex;flex-direction:column;height:100%}.label__notes__container{align-items:center;overflow-y:scroll;padding:10rem 0;width:100%}.label__notes__container::-webkit-scrollbar{display:none}.label__notes{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;width:100%}.label__heading{font-size:2rem}.label--type{border-radius:24px;font-size:2rem;margin:2rem;padding:2rem;width:100%}.label--type,.label-notes-wrapper{align-items:center;display:flex;justify-content:center}.label-notes-wrapper{flex-direction:column;width:-webkit-max-content;width:max-content}.profile__container{display:flex;flex-direction:column;flex-grow:1;height:100%;margin-left:auto;overflow:hidden}.profile__notes__container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-y:scroll;padding:10rem 0;width:100%}.profile__notes__container::-webkit-scrollbar{display:none}.profile__heading{font-size:2rem}.trash__container{display:flex;flex-direction:column;flex-grow:1;height:100%;margin-left:auto;overflow:hidden}.trash__notes__container{height:100%;overflow-y:scroll;padding:10rem 0}.trash__notes,.trash__notes__container{align-items:center;display:flex;flex-direction:column;width:100%}.trash__notes{height:-webkit-max-content;height:max-content}.trash__heading{font-size:2rem}.note-card__container{border-radius:24px;box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;margin:2rem 0;padding:2rem;width:50rem}.note-card__title{align-items:center;display:flex;font-size:2.5rem;justify-content:start;margin:1rem 0;padding:0 1rem}.note-card__body{word-wrap:break-word;font-size:1.5rem;margin:1rem}.note-card__label{align-items:center;background-color:var(--gray-100);border-radius:24px;padding:.5rem 1rem;width:-webkit-max-content;width:max-content}.note-card__label,.note-card__metadata{display:flex;font-size:1.5rem;margin:1rem}.note-card__metadata--colour{margin-left:auto}.note-card__metadata--archive,.note-card__metadata--colour,.note-card__metadata--delete,.note-card__metadata--edit,.note-card__metadata--label,.note-card__metadata--priority,.note-card__metadata--timestamp{cursor:pointer;padding:1rem}.note-card__metadata--timestamp{padding:1rem 0}.note-card__pin{border-radius:50%;cursor:pointer;padding:1rem;position:absolute;right:2rem}.note-card__metadata--colour--pallete{border:1px solid var(--dark);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);left:-8rem;overflow:hidden;position:absolute;top:-2.5rem}.color{border:1px solid var(--dark);cursor:pointer;padding:2rem}.label{font-size:1.5rem;margin-bottom:1rem}.edit-button:hover{box-shdaow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.note-card__metadata--add-label{bottom:-13rem;right:0}.note-card__metadata--add-label,.note-card__metadata--add-priority{border:1px solid var(--gray-800);border-radius:8px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:1rem;position:absolute;width:20rem;z-index:5}.note-card__metadata--add-priority{bottom:-12rem;right:4rem}.note-card-add-label{border-radius:8px;font-size:1.5rem;height:-webkit-max-content;height:max-content;padding:1rem}.note-card__label__container{display:flex;flex-wrap:wrap;height:-webkit-max-content;height:max-content;max-width:100%}.priority-input__container{align-items:center;display:flex;justify-content:start}.priority{margin-right:1rem}.priority__tag{border-radius:50%;height:1rem;margin-left:1rem;padding:1rem;width:1rem}.priority__label{font-size:1.5rem}.note-card__metadata--archive{margin-left:auto}@media screen and (max-width:600px){.note-card__container{-webkit-transform:scale(.8);transform:scale(.8)}}
/*# sourceMappingURL=main.965852ab.css.map*/