p,span{font-size:medium;line-height:1.45rem}a{text-decoration:unset}input[type=submit]{border:none;background:none;color:unset;cursor:pointer;outline:none}h1,h2,h3,h4,h5,h6{padding-bottom:.2rem;padding-top:.5rem}textarea[type=textarea]{resize:none;padding:5px;border-radius:8px;width:450px;height:185px;margin:25px}select{border:1px solid #000;border-radius:8px;height:25px;cursor:pointer}select:focus{outline:none}.user-options{align-items:center;border-radius:8px;padding:15px;margin:8px;color:#fff;background-color:#2f58b7;display:flex;justify-content:space-between}.user-options select{margin-left:5px;color:#fff;border:3px solid #fff;background-color:#818bf9}.user-options select:hover{background-color:#9ea6f7}.user-options span{color:#fff;padding:8px;border-radius:8px;background-color:#818bf9}.view-journal-as-visitor-button:hover{background-color:#9ea6f7}.home-post-title{padding:15px;margin:8px;display:flex;justify-content:center}.post-text{white-space:pre-wrap;padding-left:15px}.fill{width:280px}.edit-fill,.fill{padding:10px;height:240px;display:flex;justify-content:center;align-items:center;border:1.5px solid #000;border-radius:8px}.edit-fill{width:250px}.edit-fill img,.fill img{float:none;margin:0;padding:5px;max-width:220px;max-height:210px;height:auto;width:auto}.grid-item{margin:0}.image-preview-controls{display:flex;justify-content:space-between}.image-preview-control{display:flex;justify-content:center}.page{margin:0 auto;padding:1rem;max-width:600px}.container{max-width:900px}.container,.form{margin:0 auto}.form input,.form label{display:block}.form label{margin-bottom:.2rem}.form input{margin-bottom:1rem}.form input[type=email],.form input[type=password]{width:100%;font-size:1rem;padding:.3rem;border:1px solid #d2d2d2;border-radius:8px}.form .journal-display-name{font-size:1rem;padding:.3rem;border:1px solid #d2d2d2;border-radius:8px;width:85%;margin-right:5px}.form .journal-name-span{margin:0;display:flex;font-size:large}.form input:focus{outline:none;border:1px solid #1e73f2}.form input[type=submit]{background-color:#6badfe;padding:.3rem;border-radius:8px}.error-notice{border:1px solid #ff6e6e;background-color:#fca7a7;padding:.5rem;border-radius:8px;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}.error-notice button{background-color:#f76767;width:20px;height:20px;border-radius:50%;color:#fff}.loading-message{text-align:center;padding-bottom:15px}.post{align-items:baseline;display:flex}.post,.post button{border:1px solid #000}.post button{padding:10px 4px;margin:8px}.post img{display:inline;padding:5px;border-radius:10px;max-width:85%;max-height:165px}.post .fill{width:250px;height:175px}.image{display:flex;border:1px solid #000;border-radius:8px;float:left;margin-bottom:5px;margin-left:15px;margin-right:15px}.image .backButton{align-self:flex-end;padding-left:5px;float:left}.image .forwardButton{align-self:flex-end;padding-right:5px;float:left}.grid-container{display:grid;grid-template-columns:1fr;grid-row-gap:20px;row-gap:20px;padding:25px;border-radius:12px}.grid-item{display:grid;grid-template-columns:1fr 50px 50px;padding-bottom:10px}.grid-item img{margin:8px}.grid-item .post-info{margin-left:5px;display:block}.grid-item button{align-self:end}.grid-item .post-read-edit-button{background-color:#9d9df7;color:#fff;border-radius:8px;padding:4px 6px;height:30px;width:40px}.grid-item .post-read-delete-button{background-color:#f79d9d;color:#fff;border-radius:8px;padding:4px 6px;height:30px;width:60px}.form-grid{display:grid;grid-template-columns:.7fr 1fr 50px;padding-bottom:15px;margin:25px}.form-grid textarea[type=textarea]{resize:none;width:450px;height:185px;margin:25px}.form-grid input[type=submit]{background-color:#9d9df7;color:#fff;border-radius:8px;padding:4px 6px;height:30px;width:60px;align-self:end}.post-edit-grid-no-images{display:grid;grid-template-columns:1fr;padding-bottom:15px;margin-bottom:25px}.post-edit-grid-no-images textarea{width:700px}.post-edit-grid{display:grid;grid-template-columns:1fr;padding-bottom:15px;margin-bottom:25px}.post-edit-image-and-text{display:flex}.post-edit-cancel-button,.post-edit-submit-button{margin:5px;float:right}.post-date{margin:8px;border-radius:8px;background-color:#2f58b7;padding:8px;width:250px;color:#fff;display:flex;justify-content:space-evenly;align-items:center}.post-date label{margin:5px}.post-date input{border-radius:8px;padding:4px}.post-clear-date-button{padding:6px;margin:5px;border-radius:8px;background-color:#818bf9}.post-edit-submit-button{background-color:#9d9df7;margin-right:10px;width:55px}.post-edit-cancel-button,.post-edit-submit-button{color:#fff;border-radius:8px;padding:4px 6px;height:30px}.post-edit-cancel-button{background-color:#f79d9d;margin-left:5px;width:60px}.recipient{margin:5px;border:1px solid #000;border-radius:8px;padding:4px 8px;display:inline-block;background-color:#f5f5f5}.recipient button{color:#ff6e6e;border-radius:100%;margin-left:5px;margin-right:5px;padding:1px;align-items:center}.recipient-container{padding:2px;border:1px solid #000;border-radius:8px;width:650px;height:300px;overflow-y:auto;margin-bottom:15px}.add-recipient-button{background-color:#03e438;border:1px solid #00da19;border-radius:50%;margin:5px;padding:.25rem .5rem .35rem}.new-recipient-form{margin:5px}.new-recipient-form input[type=email]{border:1.5px solid;outline:none;border-radius:6px;width:250px;height:25px;padding:5px}.new-recipient-form input[type=submit]{margin-top:10px;margin-left:5px;margin-right:5px;background-color:#03e438;border:1px solid #00da19;border-radius:50%;padding:.25rem .5rem .35rem}.cancel-recipient-button{background-color:#fc7a7a;border:1px solid red;color:#fff;margin:5px;border-radius:50%;padding:.25rem .5rem .35rem}.user-settings-journal-name-edit{display:flex;align-items:center}.user-settings-journal-name-edit button,.user-settings-journal-name-read button{margin:5px;color:#fff;font-size:smaller;padding:4px;border-radius:8px;background-color:#818bf9}.user-settings-journal-name-edit button:hover,.user-settings-journal-name-read button:hover{background-color:#9ea6f7}.user-settings-journal-name-edit input{margin-right:25px;padding:5px;border:none;border-bottom:1px solid #000;outline:none}.user-settings-journal-name-read{display:flex;align-items:center}.user-settings-journal-name-read p{margin:0 25px 0 0}.image-scroll-active{cursor:zoom-in;position:relative;opacity:1}.image-scroll,.zoom-image-scroll{position:fixed;opacity:0}.zoom-image-scroll-active{cursor:zoom-out;position:relative;opacity:1;max-width:665px;max-height:600px;width:auto;height:auto}.zoom-image{cursor:zoom-out}.non-zoom-image{cursor:zoom-in}.image .zoom-image{max-width:650px;max-height:600px;width:auto;height:auto}.compose-post-handler,.compose-post-handler-closed{height:71px;margin:8px;color:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background-color:#2f58b7}.compose-post-handler-closed:hover,.compose-post-handler:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);cursor:pointer}.compose-post-handler-closed h3,.compose-post-handler h3{margin:0;padding:0;align-items:center}.date{margin:10px 10px 10px 20px;font-size:small}.modal-overlay{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;opacity:.5}.modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal{z-index:100;background:#fff;position:relative;margin:5rem auto;border-radius:3px;max-width:1200px;padding:2rem}.post-form-modal{display:grid;grid-template-columns:1fr 3fr .3fr}.post-form-modal textarea[type=textarea]{height:350px;width:unset;width:90%}.images-post-form-modal{padding:10px;align-self:center}.post-form-button-grid{display:grid;grid-template-columns:1fr}.post-form-modal-collapse-button,.post-form-modal-expand-button{background-color:#9d9df7;color:#fff;border-radius:8px;padding:4px 6px;height:30px;width:65px;align-self:start}.post-form-modal-submit-button{background-color:#9d9df7;color:#fff;border-radius:8px;padding:4px 6px;height:30px;width:60px;align-self:end}.public-view-header-n-options{padding:15px;color:#fff;border-radius:8px;height:71px;display:flex;align-items:center;justify-content:space-between;background-color:#2f58b7}.public-view-header-n-options h1{margin:0;padding:0}.public-view-options{border-radius:8px;background-color:#818bf9;padding:10px}.public-view-options select{margin-left:5px;color:#fff;border:3px solid #fff;background-color:#818bf9}.public-view-options select:hover{background-color:#9ea6f7}.public-view-post-header{padding:20px;display:flex;align-items:center;justify-content:center;width:100%}
/*# sourceMappingURL=main.3cc8767b.chunk.css.map */