*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}body,html{background-color:#ede9fe}main{width:100%}.mt-1{margin-top:5px}.mt-5{margin-top:20px}.mb-1{margin-bottom:5px}.mb-5{margin-bottom:20px}.btn,.pointer{cursor:pointer}.btn{background-color:transparent;border:none;color:#fff;padding:7px 10px;transition:color .3s ease}.btn:focus{outline:none}.btn:hover{color:#e6e6e6}.btn-primary{background-color:#5c62c5;border-radius:2px}.btn-primary:disabled{background-color:#9498d9}.btn-primary:hover{background-color:#383e9d}.btn-danger{background-color:red;border-radius:2px}.btn-danger:disabled{background-color:#9498d9}.btn-danger:hover{background-color:#383e9d}.auth__main{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#5c62c5;margin:0 auto}.auth__box-container{max-width:1000px}.container{width:90%;height:90%;display:grid;grid-template:1fr/500px;justify-items:center}.card,.container{align-items:center;justify-content:center}.card{background-color:#fff;width:80%;display:flex;flex-direction:column;box-shadow:0 0 21px -8px rgba(0,0,0,.36);border-radius:6px;position:relative}.card__title{font-size:1.5em;margin:2.6em .3em 0 0;color:#363636;text-transform:capitalize}.card__form{padding:.1em .8em;width:90%}.card__form--group{display:flex;flex-direction:column;margin:1.6em 0;position:relative;color:#878a8e}.card__form--group:focus-within{color:#5c62c5}.card__input{border:1px solid #d9d9d9;border-radius:3px;width:100%;padding:14px 12px;color:#6d6d6d;outline:none}.card__input:focus{outline:1.5px solid #5c62c5;box-shadow:0 0 21px -8px #5c62c5;background-color:#f2f3fb;border-radius:3px}.card__input--danger{border:2px solid #ff725e}.card__label{background-color:#fff;font-size:.8em;font-weight:700;position:absolute;padding:0 1px;top:-7px;left:9px}.card__label--danger{color:#ff725e}.card__link{font-size:.8em;font-weight:600;color:#878a8e;text-decoration:none;letter-spacing:.1px}.card__link:hover{color:#5c62c5;text-decoration:underline}.card__social{display:flex;align-items:center;flex-direction:column;margin:.3em 0 .4em}.card__social .social__title{font-size:.9em;font-weight:700;letter-spacing:.1px;color:#878a8e}.card__icon{width:80px;height:80px;background-color:#fff;display:inline-flex;justify-content:center;align-items:center;border-radius:100%;border:3px solid #4d54c0;position:absolute;top:-38px;font-size:2em;color:#fff}.card__icon .icon{color:#5c62c5}.card__button{width:100%;padding:.8em 0;border:none;border-radius:3px;cursor:pointer;transition:all .2s ease;font-weight:700;color:#fff;background-color:#5c62c5;font-size:.9em;text-transform:capitalize;box-shadow:0 3px 4px 0 rgba(0,0,0,.25)}.card__button:hover{box-shadow:0 0 6px #5c62c5}.card__button:active{background-color:#4d54c0}.card__button:disabled{background-color:#898dd5}.google-btn{cursor:pointer;width:100%;height:42px;margin:.3em 0;background-color:#4285f4;border-radius:3px;box-shadow:0 3px 4px 0 rgba(0,0,0,.25);transition:box-shadow .3s ease;display:flex;align-items:center}.google-btn .google-icon-wrapper{position:relative;width:40px;height:40px;border-radius:2px;left:1px;background-color:#fff}.google-btn .google-icon{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:18px;height:18px}.google-btn .btn-text{margin:auto;color:#fff;font-size:14px;letter-spacing:.2px}.google-btn:hover{box-shadow:0 0 6px #4285f4}.google-btn:active{background:#1669f2}.alert-error{width:100%;border-radius:.3em;padding:.5em .8em;margin:.7em 0 0;border:1px solid #dc3546;color:#dc3546;font-weight:500;font-size:.9em;text-align:center;background-color:#f7d7da}@media (max-width:900px){.card{width:70%}}.journal__main-content{display:grid;height:100vh;grid-template:60px 1fr/350px 1fr;grid-template-areas:"navbar navbar" "aside container"}.journal__content{grid-area:container}.journal__sidebar{grid-area:aside;color:#363636;background-color:#f9fafc;display:flex;flex-direction:column;height:calc(100vh - 60px);padding:0 10px;width:100%}.journal__sidebar-navbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:1.3em .7em}.journal__title{font-weight:700;font-size:1em;text-transform:capitalize;letter-spacing:.3px}.journal__icon,.journal__new-entry{width:30px;height:30px;background-color:#1e293b;border-radius:100%;color:#fff;font-size:.9em;margin:0 .5em 0 0;text-align:center;line-height:30px}.journal__new-entry{cursor:pointer;transition:color .3s ease}.journal__new-entry:hover{background-color:#40587f}.journal__entries{margin:.7em 0 1em;flex:1 1 auto;overflow-y:auto}.journal__entries::-webkit-scrollbar{width:5px}.journal__entries::-webkit-scrollbar-track{background-color:#f3f2f2;border-radius:12px}.journal__entries::-webkit-scrollbar-thumb{border-radius:12px;background:#ddd}.journal__entry{background-color:#fff;border-radius:4px;color:#363636;display:flex;margin:0 10px 10px 0;overflow:hidden;border:1px solid #d1d4db;box-shadow:0 5px 8px 0 rgba(0,0,0,.24)}.journal__entry-picture{height:auto;width:20%}.journal__entry-body{padding:10px;flex:1 1 auto}.journal__entry-title{font-size:14px;font-weight:700}.journal__entry-content{font-size:10px}.journal__entry-date-box{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px}.journal__entry-date-box span{font-size:12px}@media (max-width:1024px){.journal__main-content{grid-template:60px 1fr/300px 1fr;grid-template-areas:"navbar navbar" "aside container"}}@media (max-width:900px){.journal__main-content{grid-template:50px 265px 1fr/1fr;grid-template-areas:"navbar" "aside" "container"}.journal__sidebar{grid-area:aside;height:auto}.journal__sidebar-navbar{padding:1.2em .7em .8em}}.nothing__main-content{align-items:center;background-color:#5c62c5;display:flex;flex-direction:column;justify-content:center;height:100%}.nothing__main-content p{text-align:center;color:#fff;letter-spacing:1px;font-size:1em}.nothing__main-content i{color:#fff;margin:.2em 0}.notes__main-content{display:flex;flex-direction:column;height:100%}.notes__appbar{align-items:center;background-color:#5c62c5;color:#fff;display:flex;justify-content:space-between;padding:.7em 1.3em}.notes__title{font-size:1.2em;font-weight:700;letter-spacing:.2px;color:#fff}.btn__appbar{border:2px solid #1e293b;border-radius:5px;color:#1e293b;background-color:#fff;font-weight:700;margin:0 .4em;padding:.5em 1.3em}.btn__appbar--dark{background-color:#1e293b;color:#fff}.btn__appbar--dark:hover{background-color:#2c3c56;border:2px solid #2c3c56}.notes__content{display:flex;flex-direction:row;height:100%;padding:20px;margin:1.3em;border:1px solid #d1d4db;border-radius:10px;background-color:#fff}.notes__form{display:flex;flex-direction:column;width:100%;height:100%;margin:0 1.2em 0 0}.notes__title-input,.notes_textarea{border:none}.notes__title-input:focus,.notes_textarea:focus{outline:none}.notes__title-input{color:#363636;font-size:1.5em;font-weight:700;margin:0 0 10px}.notes_textarea{color:#363636;font-size:1.2em;flex:1 1 auto;resize:none}@media (max-width:900px){.notes__appbar{padding:.3em 1.3em}.notes__content{display:flex;flex-direction:column;height:100%;padding:10px;margin:.8em}.notes__main-content{flex-direction:column-reverse}.notes__title-input{font-size:1em}.notes__title,.notes_textarea{font-size:.8em}}.navbar{grid-area:navbar;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 1em;background-color:#fff;border-bottom:1px solid #ddd;z-index:1}.navabar__logo{display:inline-flex;align-items:center;justify-content:center}.navbar__icon{width:40px;height:40px;background-color:#5c62c5;border-radius:10px;color:#fff;font-size:1.3em;margin:0 .3em 0 0;text-align:center;line-height:40px}.navbar-text{font-weight:700;font-size:1.1em;text-transform:capitalize}.navbar__info,.navbar__user{display:inline-flex;align-items:center}.navbar__user{justify-content:center;padding:0 0 .3em}.navbar__userimage{width:40px;height:40px;border-radius:100%;border:2px solid #ddd;margin:0 .4em 0 0;background-image:#fff}.navbar__name{font-weight:600;font-size:.9em;letter-spacing:.1px;color:#324154}.navbar__button{font-size:1em;color:#0f172a}@media (max-width:900px){.navbar__icon,.navbar__userimage{width:30px;height:30px}.navbar__icon{font-size:1em;line-height:30px}}.image__container{background-color:#fff}.image{width:400px;height:auto;border:1px solid #d1d4db;background-color:#fff;border-radius:10px;padding:.4em}.image img{width:100%;height:auto;border-radius:10px}.image__footer{display:flex;justify-content:space-between}@media (max-width:1024px){.image{width:200px}}@media (max-width:900px){.image__container{display:flex;justify-content:center}}.loader{height:100vh;display:flex;justify-content:center;align-items:center}
/*# sourceMappingURL=main.54ac3e35.chunk.css.map */