@import url(https://fonts.googleapis.com/css?family=Cormorant+Upright|Open+Sans|Lato);.App{display:flex;height:100vh;width:100vw;text-align:center;font-family:Lato,sans-serif}.data-panel{flex:1 1;display:flex;flex-direction:column;justify-content:space-evenly;background-color:#363b59;color:#fff;text-transform:uppercase;min-width:392px}.data-panel__heading{color:#edae49;font-size:24px}.data-panel__content{display:flex;flex-direction:column;justify-content:flex-end;min-height:400px}.data-panel__form{display:flex;flex-direction:column;align-items:flex-end;margin:3vh}.data-panel__input-field{background-color:#363b59;border:none;border-bottom:1px solid #edae49;color:#fff;margin:1.6vh;max-height:40vh;font-family:Lato,sans-serif}.data-panel__input-field:focus{outline:0;border-bottom:1px solid #fff}.data-panel__input-label{display:flex;align-items:center}.data-panel__input-label--required{color:#edae49;margin:2px}.data-panel__input-label--optional{text-transform:lowercase}.data-panel__button-wrapper{padding:6vh;display:flex;justify-content:space-between}.data-panel__button{border:1px solid #363b59;background-color:#e6e6e6;color:#363b59;border-radius:4px;padding:8px 24px;text-transform:uppercase;font-weight:600}.data-panel__button:hover{color:#6e6e6e}.data-panel__button:focus{outline:0}.data-panel__button:active{background-color:#edae49}.data-panel__button--disabled{background-color:#6e6e6e;color:#363b59}.data-panel__button--disabled:hover{color:#363b59}.data-panel__button--disabled:active{background-color:#6e6e6e}.data-panel__button--add-row{border:none;background-color:#363b59;color:#edae49;padding:0 12px;font-weight:100;font-size:24px}.data-panel__button--add-row:hover{font-weight:600}.data-panel__button--add-row:focus{outline:0}.output-panel{flex:2 1;display:flex;justify-content:space-around;align-items:center;background-color:#e6e6e6}.page{background-color:#fff;height:90vh;width:60vh;box-sizing:border-box;padding:48px;border-radius:4px;box-shadow:0 0 12px #6e6e6e;font-size:1.6vh}.page__date,.page__sender{text-align:right}.page__content,.page__receiver{text-align:left}.page__additions,.page__courtsey,.page__digi-signature,.page__sender-name{text-align:left;padding-top:4vh}.page__title{padding:3vh}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.50217e92.chunk.css.map */