body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-size:16px;font-family:Arial,Helvetica,sans-serif}.App{margin:0;padding:0;min-height:100vh;position:relative;overflow:scroll}.topbar{position:fixed;height:8vh}.topbar,.topbar-content{z-index:100;min-height:50px;width:100%}.topbar-content{height:100%;position:relative;background-color:#09f;border-bottom:1.5px solid #000;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.topbar-content h1{font-size:30px}.topbar-title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.topbar-logout-button-wrapper{position:absolute;margin-left:35%}.topbar-logout-button{border:none;background:none;text-decoration:underline;font-size:16px;color:#000}.topbar-logout-button:hover{color:#444}.topbar-logout-button:active{color:#fff}.error-message{color:#d8000c;background-color:#ffbaba}.error-message,.success-message{opacity:.8;margin:8vh auto;position:fixed;width:100%;top:0;left:0;right:0;padding:10px}.success-message{z-index:100;color:#270;background-color:#dff2bf}.content-wrapper{margin-top:8vh;min-height:100vh;width:100vw;margin-bottom:18vh}.content-wrapper-with-message{margin-top:5vh;min-height:100%;margin-bottom:18vh}.login-signup-wrapper{height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.login-form-wrapper{border-radius:20px;background:#fff;box-shadow:8px 8px 29px #dbdbdb,-8px -8px 29px #fff;width:400px;height:500px;overflow:hidden}.login-form-wrapper h4{font-size:24px;text-align:center}.login-form{margin:10% 10% 15%}.signup-form-wrapper{border-radius:20px;background:#fff;box-shadow:8px 8px 29px #dbdbdb,-8px -8px 29px #fff;width:400px;min-height:600px;overflow:hidden;margin:auto}.signup-form-wrapper h4{font-size:24px;text-align:center}.signup-form{margin:10% 10% 15%}.login-signup-input{width:100%;border:none;padding:8px;margin-top:10px;margin-bottom:10px}.login-signup-button{-webkit-appearance:none;color:#fff;background-color:#09f;width:100%;height:5%;margin-top:10%;padding:10px;border:none;border-radius:100px 100px}.login-signup-button:hover{background-color:#24a7ff}.login-signup-nav-wrapper{text-align:center;margin:30px}.login-signup-nav-button{border:none;background:none;color:#09f}.login-signup-nav-button:hover{text-decoration:underline}.journal-entry-page-content{margin-top:10vh}.journal-entry-preview-list{margin:0 10vw}.journal-entry-preview-title{font-size:26px;text-align:center}.journal-entry-preview{z-index:10;line-height:25px;border-radius:20px;padding:20px;max-width:80vw;margin-bottom:10px;background:#fff;box-shadow:8px 8px 29px #dbdbdb,-8px -8px 29px #fff}.journal-entry-preview:hover{box-shadow:9px 9px 15px #dfdede,-9px -9px 15px #ebebeb;-webkit-transform:scale(1.001);transform:scale(1.001)}.journal-entry-preview-label{font-size:18px}.mood-image{height:40px;width:40px}.journal-entry-detail-wrapper{margin-top:15vh}.journal-entry-detail-form{margin-top:20px;display:grid;grid-gap:20px;gap:20px;width:35%}.new-journal-entry-button-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;margin-bottom:20px}.new-journal-entry-button{height:42px;width:200px;border-radius:100px 100px;background:#09f;color:#000;border:none;padding:10px;box-shadow:8px 8px 29px #dbdbdb,-8px -8px 29px #fff}.new-journal-entry-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.new-journal-entry-button:active{background-color:#24a7ff}.new-journal-entry-button-inner-wrapper{height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.new-journal-entry-button-inner-wrapper p{font-size:18px}.journal-entry-detail-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:80vw;margin-left:10vw}.go-back-button{text-align:left;border:none;background-color:#fff;font-size:2px;padding-left:0}.go-back-button:active,.go-back-button:hover{color:grey}.go-back-button-content{display:-webkit-flex;display:flex}.journal-entry-detail-label{font-size:24px;font-weight:700}.journal-entry-detail-textarea{line-height:30px;border:1px solid #000;border-radius:10px;height:300px;resize:none;padding:10px;font-size:18px}.good-mood-button{height:50px;width:50px;margin:6px}.good-mood-button:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.okay-mood-button{height:50px;width:50px;margin:6px}.okay-mood-button:hover{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.bad-mood-button{height:50px;width:50px;margin:6px}.bad-mood-button:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}.mood-button:hover{-webkit-transform:rotate(15deg);transform:rotate(15deg)}.mood-button-selected{z-index:0;height:50px;width:50px;margin:6px;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;-webkit-transform:scale(1.25);transform:scale(1.25)}.journal-entry-detail-save-button{-webkit-appearance:none;height:40px;width:80px;background-color:#09f;border-radius:5px;border:1px solid #000}.journal-entry-detail-save-button:hover{background-color:#24a7ff}.journal-entry-detail-delete-button{-webkit-appearance:none;height:40px;width:80px;background-color:#09f;border-radius:5px;margin-left:10px;border:1px solid #000}.journal-entry-detail-delete-button:hover{background-color:#24a7ff}.confirm-dialog-wrapper{z-index:10;top:0;height:100%;width:100%;position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-dialog-content{text-align:center;padding:20px;height:120px;width:325px;background-color:#ebe7e7;color:#000;border-radius:10px}.confirm-dialog-message{font-size:20px;font-weight:700}.confirm-dialog-confirm-button{height:40px;width:80px;background-color:#09f;border-radius:5px;border:1px solid #000}.confirm-dialog-confirm-button:hover{background-color:#24a7ff}.confirm-dialog-deny-button{height:40px;width:80px;background-color:#fff;border-radius:5px;margin-left:10px;border:1px solid #000}.confirm-dialog-deny-button:hover{background-color:#e7e7e7}.confirm-dialog-deny-button:active{color:#858484}.create-journal-entry-prompt-wrapper{height:50vh;width:100%;text-align:center}.create-journal-entry-prompt{font-size:26px;text-align:center}.loading-spinner-wrapper{margin-top:20vh}.footer,.loading-spinner-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.footer{position:absolute;bottom:0;color:#fff;background-color:#000;width:100%;height:8vh;-webkit-align-items:center;align-items:center}@media (max-width:500px){.topbar{position:relative}.content-wrapper{margin-top:2vh}.login-form-wrapper,.signup-form-wrapper{box-shadow:none}.error-message,.success-message{position:absolute}.login-signup-wrapper{-webkit-align-items:baseline;align-items:baseline;height:auto}.journal-entry-preview-list{margin:0 5vw}.journal-entry-detail-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:90vw;margin-left:5vw}}
/*# sourceMappingURL=main.648093e2.chunk.css.map */