body,html{font-size:14px!important}body{background:#fff}.card-home-page-bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background-color:#f0feff;opacity:.7;background-image:radial-gradient(#006d74 1px,#f0feff 0);background-size:19px 19px}header,main{position:relative;z-index:2}.qcard-logo-lg{font-weight:700;letter-spacing:-1px;margin-bottom:-4px}.qcard-logo,.qcard-logo-lg{font-family:Comfortaa,serif;color:#006d74}.qcard-logo{font-weight:500;letter-spacing:0;margin-bottom:-1px}.qcard-color{color:#006d74!important}.navbar{box-shadow:none;border-bottom:1px solid rgba(0,109,116,.7)}.card-show{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.card-show .card{border:none;width:600px;padding:30px;box-shadow:15px 15px 25px rgba(0,0,0,.4)}body.preview-open #cardPreview,body.preview-open .cardPreview{opacity:1;z-index:1000}#cardPreview,.cardPreview{opacity:1;width:460px;height:100%;display:flex;align-items:center}#cardPreview.active,#cardPreview.open,.cardPreview.active,.cardPreview.open{opacity:1;z-index:1000}#cardPreview .card,.cardPreview .card{width:100%;padding:30px 20px;border-left:1px solid #006d74;border-top-right-radius:20px;border-bottom-right-radius:20px}#cardPreview .preview-close,.cardPreview .preview-close{display:none;background:#fff;color:#006d74;border-radius:50%;border:1px solid #006d74;position:absolute;top:20px;right:20px;z-index:1001;width:32px;height:32px;line-height:32px;text-align:center;cursor:pointer}#cardPreview .preview-close i,.cardPreview .preview-close i{transform:rotate(180deg);transition:all .2s}#cardPreview .preview-close:hover i,.cardPreview .preview-close:hover i{transform:rotate(0deg)}#cardPreview .card-title,.cardPreview .card-title{border-top-left-radius:10px}#cardSetting{position:fixed;bottom:0;left:-450px;width:400px;height:auto;box-shadow:5px 5px 20px rgba(0,0,0,.3);z-index:999;border-top-right-radius:10px;transition:all .5s;background:#fff}#cardSetting.active{left:0}#cardSetting .card-title{border-top-right-radius:10px}.card-title{background:#006d74;color:#fff;padding:15px;font-weight:700;letter-spacing:1px}.cardWrapperBox{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px)}.cardWrapper{border:3px solid #006d74;background:#fff;border-radius:20px;position:relative;margin-top:4vh;box-shadow:0 15px 30px rgba(0,109,116,.3)}#cardInput{height:100%}#cardInput .card{border-radius:30px;height:100%}#cardInput .card-body{display:flex;flex-direction:column;height:630px}#cardInput .card-body .chat-bubbles{flex-direction:column-reverse;flex:1;overflow-x:hidden;overflow-y:auto;max-height:calc(100% - 65px)}#cardInput .card-body .footer{flex:0 0 65px}.btn-primary,.btn-primary:hover{background:#006d74;border:1px solid #006d74}.side-button{width:48px;height:48px;background:#006d74;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;border:1px solid #f8f8f8}.side-button i{font-size:24px}#settingButton{position:fixed;left:0;top:100px;border-top-right-radius:15px;border-bottom-right-radius:15px}#settingButton i{transform:rotate(180deg);transition:all .2s;text-shadow:0 0 3px transparent}#settingButton:hover i{transform:rotate(0deg);text-shadow:3px 3px 3px rgba(0,0,0,.5)}#previewButton{display:none}.card-result img{border:1px solid #f8f8f8}.card-result textarea{background-image:url(/images/textarea.png);background-size:500px 87px;background-repeat:repeat;background-position:50%;border:none;font-size:21px;color:#333;line-height:28px;height:87px;max-height:87px;overflow:hidden;background-color:#fff;font-family:jf-openhuninn,sans-serif;resize:none}.card-result textarea:focus{outline:none}.card-result textarea.sunday{font-family:jf-sunday,sans-serif!important}.card-result textarea[disabled]{color:#333;-webkit-text-fill-color:#333;opacity:1}.card-copyright-link{width:100%;position:fixed;bottom:0;padding:4px 0 5px;left:0;z-index:10;font-size:12px;letter-spacing:.5px;background:#006d74}.card-copyright-link span{font-size:18px}.card-copyright-link a{display:inline-flex;align-items:center;text-decoration:none;color:#fff}.card-copyright-link b{font-weight:400;text-decoration:underline}.card-receiver p{padding:4px 2px;border-bottom:2px dotted #0c5460;font-size:16px;letter-spacing:2px}.modal-backdrop.show{z-index:-1}#shareModal{background:rgba(24,36,51,.28)}@media (max-width:767.98px){#cardPreview,.cardPreview{position:fixed;top:0;right:0;width:100vw;transition:all .5s;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.8);border-radius:0;z-index:-1;opacity:0;height:0;pointer-events:none}#cardPreview.active,.cardPreview.active{z-index:1000;opacity:1;height:100vh;pointer-events:auto}#cardPreview .preview-close,.cardPreview .preview-close{display:block}#cardPreview .card,.cardPreview .card{width:95%;margin-left:auto;margin-right:auto;padding:30px;box-shadow:0 0 30px rgba(0,0,0,.3);border-left:none;border-radius:0}#previewButton{position:fixed;right:0;top:100px;border-top-left-radius:15px;border-bottom-left-radius:15px;display:flex}#previewButton.no-image{display:none}#previewButton i{transform:scale(.9);transition:all .2s;text-shadow:0 0 3px transparent}#previewButton:hover i{transform:scale(1);text-shadow:3px 3px 3px rgba(0,0,0,.5)}.cardWrapper{border:none;position:relative;margin-top:0;height:100%}.cardWrapper .row>.col-md,.cardWrapper>.row{height:100%}.cardWrapperBox{position:fixed;width:100%;height:calc(100vh - 50px);display:flex;align-items:center;padding:30px 15px}.cardWrapperBox.in-ios{height:calc(100vh - 150px)}#cardInput{height:100%}#cardInput .card{border-radius:3px;padding-top:20px;position:relative;height:100%}#cardInput .card-body{position:static;height:auto}#cardInput .card-body .chat-bubbles{height:calc(100vh - 180px);max-height:none}#cardInput .card-body .chat-bubbles.in-ios{height:calc(100vh - 230px)}.qcard-home{overflow:hidden}.card-show{width:95vw;margin-left:auto;margin-right:auto}.card-result textarea{font-size:16.5px;background-position-y:30px;height:116px;max-height:116px}.card-result textarea.sunday{font-size:20px}}