*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;height:100vh;width:100%}.fadeIn{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.fadeInLeft{-webkit-animation:fadeInLeftAnimation 1s ease;animation:fadeInLeftAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes fadeInLeftAnimation{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftAnimation{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.auth__main{align-items:center;background-color:#5c62c5;display:flex;justify-content:center;min-height:100vh;width:100%}.auth__main .auth__container{align-items:center;background-color:#fff;border-radius:2px;box-shadow:3px 3px #363636;display:flex;flex-direction:column;padding:20px;width:250px}.auth__main .auth__container .auth__title{color:#31368a;font-size:1.5rem;margin-bottom:20px}.auth__main .auth__container .form{display:flex;flex-direction:column;gap:5px;width:100%}.auth__main .auth__container .form .auth__input{border:0;border-bottom:1px solid #d8d8d8;color:#363636;font-size:.9rem;height:20px;margin-bottom:10px;transition:border-bottom .3s ease;width:100%}.auth__main .auth__container .form .auth__input:focus{border-bottom:1px solid #5c62c5;outline:none}.auth__main .auth__container .auth__link{color:#363636;font-size:12px;margin-top:15px;text-decoration:none}.auth__main .auth__container .auth__link:hover{text-decoration:underline}.auth__alert-error{background-color:red;border-radius:5px;color:#fff;display:flex;justify-content:center;margin-bottom:10px;padding:5px}.btn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:7px 10px;transition:color .3s ease}.btn:hover{color:#ccc}.btn:focus{outline:none}.btn-block{width:100%}.btn-primary{background-color:#5c62c5;border:none;border-radius:2px;font-weight:700;height:35px;letter-spacing:.2px;transition:background-color .3s ease}.btn-primary:hover{background-color:#383e9d}.btn-primary:disabled{background-color:#9498d9}.google-btn{align-items:center;background-color:#4285f4;border-radius:2px;cursor:pointer;display:flex;height:35px;justify-content:center;padding-inline:5px;position:relative;width:100%}.google-btn:active{background:#1669f2}.google-btn .google-icon-wrapper{align-items:center;background-color:#fff;border-radius:2px;bottom:1px;display:flex;justify-content:center;left:1px;position:absolute;top:1px;width:33px}.google-btn .google-icon-wrapper .google-icon{height:18px;width:18px}.google-btn .btn-text{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.2px;margin-left:34px}.btn-delete{margin-left:auto;margin-right:auto;width:200px}.journal__sidebar{align-items:center;background-color:#363636;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-inline:10px;width:450px}.journal__sidebar .journal__navbar{align-items:center;display:flex;justify-content:space-between;margin-top:5px;width:100%}.journal__sidebar .journal__navbar .journal__name{font-size:1.2rem}.journal__sidebar .journal__new-entry{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:30px;transition:color .3s ease;width:-webkit-max-content;width:max-content}.journal__sidebar .journal__new-entry:hover{color:#ccc}.journal__sidebar .journal__new-entry .calendar__icon{font-size:6rem}.journal__sidebar .journal__new-entry p{margin-top:10px}.journal__entries{flex:1 1 auto;margin-top:30px;overflow-y:scroll;width:100%}.journal__entries::-webkit-scrollbar{display:none}.journal__entries .journal__entry{background-color:#fff;border-radius:4px;color:#363636;cursor:pointer;display:flex;margin-bottom:10px;overflow:hidden;width:100%}.journal__entries .journal__entry .journal__entry-picture{background-position:50%;background-size:cover;height:75px;width:75px}.journal__entries .journal__entry .journal__entry-body{display:flex;flex-direction:column;overflow:hidden;padding:8px;width:100%}.journal__entries .journal__entry .journal__entry-body .journal__entry-title{font-size:1rem;font-weight:700}.journal__entries .journal__entry .journal__entry-body .journal__entry-content{font-size:.7rem}.journal__entries .journal__entry .journal__entry-date{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px}.journal__entries .journal__entry .journal__entry-date>p:first-child{font-size:1rem;text-transform:capitalize}.journal__entries .journal__entry .journal__entry-date>p:last-child{font-size:1rem;font-weight:700}.nothing__content{align-items:center;background-color:#5c62c5;display:flex;height:100vh;justify-content:center;width:100%}.nothing__content p{font-size:1.5rem;font-weight:700;padding:20px;text-align:center}.notes__content{display:flex;flex-direction:column;height:100%;width:100%}.notes__content .note__top-bar{align-items:center;background-color:#5c62c5;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.notes__content .addNote__content{display:flex;flex-direction:column;height:100%;padding:20px}.notes__content .addNote__content .addNote__title{border:none;color:#363636;font-size:1.5rem;font-weight:700;margin-bottom:10px}.notes__content .addNote__content .addNote__title:focus{outline:none}.notes__content .addNote__content .addNote__description{border:none;color:#363636;font-size:1.3rem;min-height:20vh;resize:none}.notes__content .addNote__content .addNote__description:focus{outline:none}.notes__content .addNote__content .addNote__image{max-width:280px}.notes__content .addNote__content .addNote__image img{width:100%}.journal{display:flex}.journal .journal__main{flex:1 1;width:100%}
/*# sourceMappingURL=main.9b8386dd.css.map*/