body{margin:0;padding:0;font-family:"Lora",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif!important}.text-body{font-family:"Lora",serif!important}.text-color-primary{color:#674b7c}.text-color-white{color:#fff}.text-color-grey77{color:rgba(0,0,0,.77)}.bg-color-beige{background-color:#fffde7}.bg-color-primary{background-color:#674b7c}.bg-color-white{background-color:#fff}.margin-top-header{margin-top:-80px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.btn-deco{display:inline-block;background:#674b7c!important;color:#fff!important;font-weight:700;text-transform:uppercase;padding:8px 16px;box-shadow:6px 6px 0 0 #fdf06f;font-size:14px;letter-spacing:1.25px;margin-bottom:8px;-webkit-transition:all .4s;transition:all .4s;white-space:nowrap}.btn-deco.btn-small{padding:2px 20px}.btn-deco.btn-invert{background-color:#fff!important;color:#674b7c!important}.btn-deco:hover{box-shadow:3px 3px 0 0 #fdf06f;text-decoration:none}.form-line-style{border:0;border-bottom:2px solid rgba(103,75,124,.38);padding-left:0}.form-line-style:focus{border-color:#674b7c}.submit-btn-container{margin-top:40px!important}.or-container{font-size:20px}.uk-text-italic{font-style:italic}.text-20px{font-size:20px}.user-profile .uk-tab>.uk-active>a{border-color:#674b7c}.uk-container{padding-left:24px;padding-right:24px}.uk-navbar-nav>li:last-child>a{padding-right:0}.post-payment{word-break:break-all}@media (min-width:640px){.uk-flex-row\@s{flex-direction:row}}@media (min-width:960px){.uk-flex-row\@m{flex-direction:row}}@media (min-width:1200px){.uk-flex-row\@l{flex-direction:row}}@media (min-width:1600px){.uk-flex-row\@xl{flex-direction:row}}@media (min-width:640px){.uk-margin-remove-top\@s{margin-top:0!important}}@media (min-width:960px){.uk-margin-remove-top\@m{margin-top:0!important}}@media (min-width:1200px){.uk-margin-remove-top\@l{margin-top:0!important}}@media (min-width:1600px){.uk-margin-remove-top\@xl{margin-top:0!important}}@media (min-width:640px){.uk-margin-medium-left\@s{margin-left:40px}}@media (min-width:960px){.uk-margin-medium-left\@m{margin-left:40px}}@media (min-width:1200px){.uk-margin-medium-left\@l{margin-left:40px}}@media (min-width:1600px){.uk-margin-medium-left\@xl{margin-left:40px}}.uk-navbar-container:not(.uk-navbar-transparent){background-color:#fff}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{font-family:"Lora",serif;text-transform:unset;font-size:18px;color:rgba(103,75,124,.87)}.uk-logo,.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a.uk-open,.uk-navbar-nav>li>a:focus{color:#674b7c}.uk-logo{font-family:"Playfair Display",serif;font-weight:700}.signed-avatar{width:40px;height:40px;border:2px solid #fdf734}.uk-navbar-nav>li>a span{border-bottom:2px solid transparent}.uk-navbar-nav>li>a.active span{border-bottom:2px solid #fdf06f}footer .uk-container{padding-top:24px}footer li{margin-bottom:16px}footer li>a:hover{color:#fff}.footer-link-container{margin-left:-24px!important}.footer-link-container>li{margin-left:24px}.navbar-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:1;border-bottom:1px solid rgba(0,0,0,.12);background-color:#fff}.letter-card-container{border:10px solid #fdf06f;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff}.letter-card-container .to-XYZ{color:#674b7c;font-size:24px;max-width:calc(100% - 48px)}.letter-card-container .letter-body{color:rgba(0,0,0,.7)}.letter-card-container .letter-bottombar{display:flex;justify-content:space-between}.letter-bottombar .letter-meta{display:flex;font-weight:700;font-style:italic;color:#674b7c}.createLetter,.letter-detail{background-color:#fdf06f;margin-top:-80px!important;position:relative;padding:40px}.createLetter .uk-container,.letter-detail .uk-container{max-width:800px;width:100%;background-color:#fff;margin-top:120px;padding-bottom:64px;box-sizing:border-box}.createLetter .to-input{border:none;height:48px}.createLetter .to-input,.letter-detail .to-XYZ{font-size:36px;color:#674b7c}.createLetter .letter-body,.letter-detail .letter-body{border:none;padding-left:80px;color:rgba(0,0,0,.7);font-size:20px;white-space:pre-wrap}.letter-detail .letter-bottombar{padding-left:80px}.createLetter .create-letter-wrapper,.letter-detail .letter-detail-wrapper{display:flex;justify-content:center;background-color:#fff;position:relative;min-height:calc(100vh - 80px)}.save-btn-wrapper{position:absolute;right:80px;top:40px;font-size:20px}.back-btn.right,.save-btn-wrapper button{font-weight:700;font-style:italic;color:#674b7c}.save-btn-wrapper button:hover{text-decoration:none;color:#674b7c}.back-btn{position:absolute;left:80px;top:60px;color:rgba(0,0,0,.7)}.back-btn.right{right:80px;text-align:right}.back-btn:hover{color:#000}.create-bottom-bar button{border:0;cursor:pointer}.create-bottom-bar button:focus{outline:none}.create-bottom-bar{box-shadow:0 0 9px 0 rgba(0,0,0,.08);width:100vw;position:fixed;bottom:0;left:0}.letter-detail .create-bottom-bar .uk-container{min-height:40px}.create-bottom-bar button:last-child{margin-left:24px}.edit-icon{position:absolute;right:18px;top:18px;background-color:#ff0;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center}.createLetter{z-index:2}@media (max-width:480px){.letterListWrapper{width:calc(100vw - 8px);box-sizing:border-box;margin-left:-20px}}@media (max-width:960px){.createLetter,.letter-detail{padding:24px}}@media (max-width:640px){.letter-card-container{padding:24px}.createLetter,.letter-detail{padding:16px}.createLetter .letter-body,.letter-detail .letter-body{padding-left:40px}.createLetter .to-input,.letter-detail .to-XYZ{font-size:32px}.save-btn-wrapper{right:32px;top:24px}.letter-detail .uk-container{padding:24px 24px 72px;margin-top:40px}.letter-detail .letter-bottombar{padding-left:40px}}@media (max-width:480px){.letter-card-container{padding:24px}.createLetter,.letter-detail{padding:8px}.createLetter .letter-body{padding-left:32px}.letter-detail .letter-body{padding-left:0}.create-letter-wrapper .uk-container{margin-top:80px;padding:8px 8px 64px}.letter-detail .uk-container{margin-top:40px;padding:24px 24px 72px}.letter-detail .letter-bottombar{padding-left:0}}.user-profile-wrapper{display:flex;align-items:center}.user-profile-wrapper .user-name{font-size:24px;color:#674b7c;font-weight:700}.user-avatar img{width:160px;height:auto;border-radius:50%;border:4px solid #fdf06e}.user-stats{display:flex;text-align:center}.draft-no,.word-no{font-size:40px;color:rgba(0,0,0,.87)}.draft-text,.word-text{font-weight:700;color:#674b7c}@media (max-width:640px){.user-avatar img{width:132px;height:auto;border-radius:50%;border:4px solid #fdf06e}}section.signIn,section.signUp{background-color:#fffde7;min-height:100vh;margin-top:-80px}.signin-text,.signup-text{font-size:24px}.signin-form-container,.signup-form-container{background-color:#fff;border-left:5px solid #674b7c;max-width:600px;margin-left:auto;margin-right:auto}.signin-title,.signup-title{font-style:italic;font-weight:700}@media (min-width:640px){.signin-text,.signup-text{font-size:32px}}@media (min-width:960px){.signin-form-container,.signup-form-container{margin-left:40px}}
/*# sourceMappingURL=main.fbf2f33c.chunk.css.map */