@import url(https://fonts.googleapis.com/css2?family=Ovo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Parisienne&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;width:100%;color:#373434;font-family:"Ovo",serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{width:100%}.App{justify-content:center;flex-direction:column;align-items:center}.App,.container{width:100%;display:flex}.container{background-image:url("/static/media/Pink Flower Elegant Minimal White Wedding Invitation.f971a6a7.png");background-size:cover;background-repeat:no-repeat;background-position:50%;min-height:100vh;max-width:425px;box-shadow:0 0 1rem rgba(0,0,0,.15)}footer{position:fixed;bottom:0;background-color:#fff;justify-content:center;max-height:1000px;box-shadow:0 0 20px rgb(0 0 0/10%);color:#000;font-family:sans-serif;font-size:.9rem;border-radius:10px 10px 0 0;z-index:100}.nav,footer{width:100%;display:flex;max-width:425px;flex-direction:column}.nav{height:auto}label{display:flex;justify-content:center}footer li,footer ul{display:inline-flex}footer li{list-style:none;cursor:pointer;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;height:auto;padding:15px 0}footer li:first-child{border-radius:10px 0 0 0}footer li:last-child{border-radius:0 10px 0 0}footer li label{margin-top:3px}.active{background-color:#ccc}.not-active{background-color:#fff}a{text-decoration:none;color:#fff}a:hover{color:#b7938f}.location{padding:30px 50px 120px}.location ul{align-items:center}.display-none{display:none;-webkit-transform:translateY(200%);transform:translateY(200%)}.display-flex,.display-none{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.display-flex{display:flex;-webkit-transform:translateY(0);transform:translateY(0)}.overlay-2{top:0;max-width:420px;height:100%;overflow:hidden;background-color:rgba(0,0,0,.7)}.calendar,.overlay-2{position:fixed;left:0;right:0;margin:0 auto;width:100%;z-index:10}.calendar{background-color:#f5f5f6;padding:50px 50px 110px;bottom:0;max-width:425px;max-height:90vh;font-size:1.2rem;border-radius:25px}.calendar ul{list-style:none;display:flex;justify-content:space-between;width:100%}.calendar li{font-size:1.9rem}.calendar a,.calendar li{display:flex;flex-direction:column;align-items:center;color:#373434}.calendar p{margin-top:5px;font-size:1rem}.calendar li:hover{text-decoration:underline}.call{background-color:#f5f5f6;width:100%;padding:50px 50px 80px;position:fixed;margin:0 auto;left:0;right:0;bottom:0;max-width:425px;max-height:90vh;z-index:10;font-size:1.2rem;border-radius:25px}.call ul{list-style:none;width:100%}.call li{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.call .number{font-size:2rem}.phone,.phone:hover{color:#373434}.phone:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.location{background-color:#f5f5f6;width:100%;padding:50px 80px 110px;position:fixed;margin:0 auto;left:0;right:0;bottom:0;max-width:425px;max-height:90vh;z-index:10;font-size:1.2rem;border-radius:25px}.location ul{list-style:none;display:flex;justify-content:space-between;width:100%}.location li{font-size:1.9rem}.location a,.location li{display:flex;flex-direction:column;align-items:center;color:#373434}.location p{margin-top:5px;font-size:1rem}.location li:hover{text-decoration:underline}.rvsp{background-color:#f5f5f6;width:100%;padding:30px 50px 80px;position:fixed;margin:0 auto;left:0;right:0;bottom:0;max-width:425px;max-height:90vh;z-index:10;font-size:1.2rem;border-radius:25px;display:flex;flex-direction:column;align-items:center}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rvsp h4{margin-bottom:20px}input[type=number]{-moz-appearance:textfield}.input-rvsp{width:100%;height:40px;text-align:left;margin-bottom:20px;font-size:1rem;opacity:.8;outline-color:#b7938f;border-radius:5px;border-width:1px;border-color:#373434;padding-left:5px}.input-rvsp::-webkit-input-placeholder{text-align:left;font-size:.9rem}.input-rvsp:-ms-input-placeholder{text-align:left;font-size:.9rem}.input-rvsp::placeholder{text-align:left;font-size:.9rem}.submit-button1{display:block;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:.75em;letter-spacing:1px;height:38px;width:120px;line-height:38px;overflow:hidden;background:#b7938f;border-radius:3px;box-shadow:0 15px 30px rgba(0,0,0,.1);border:0;cursor:pointer;transition:all .3s ease;margin-top:10px;opacity:.8;margin-bottom:10px}.submit-button1:focus,.submit-button1:hover{box-shadow:0 5px 15px rgba(0,0,0,.1)}.submit-button1.animated{-webkit-animation:short-press .75s cubic-bezier(.77,0,.175,1) forwards;animation:short-press .75s cubic-bezier(.77,0,.175,1) forwards}.submit-button1>span{display:block;color:#fff;text-align:center}.submit-button1>span.pre-state-msg{transition:all .7s cubic-bezier(.77,0,.175,1);transition-delay:.75s}.submit-button1.state-1 .pre-state-msg{margin-top:-38px}@font-face{font-family:customFont;src:url(/static/media/FontsFree-Net-MoonTime-Regular-1.b83db42e.ttf)}.detail{max-width:425px;width:100%;display:flex;box-shadow:0 0 1rem rgba(0,0,0,.15);flex-direction:column;height:auto;background-color:#fafafa;align-items:center;padding:30px 20px;text-align:center}.detail p{margin:30px 0;font-size:1rem;font-weight:600;opacity:.8}.detail h2{font-family:customFont;color:#b7938f;font-size:2.5rem}.detail label{font-weight:700;opacity:.7;line-height:20px}.detail h5{margin-top:40px;text-transform:uppercase;font-weight:700}.ul-icon{width:50%;display:flex;justify-content:space-between}.ul-icon li{font-size:25px;margin-top:5px;list-style:none;cursor:pointer}.facebook{color:#4267b2}.facebook:hover{-webkit-filter:brightness(120%);filter:brightness(120%);color:#4267b2}.twitter{color:#1da1f2}.twitter:hover{-webkit-filter:brightness(120%);filter:brightness(120%);color:#1da1f2}.whatsapp{color:#25d366}.whatsapp:hover{-webkit-filter:brightness(120%);filter:brightness(120%);color:#25d366}.telegram{color:#08c}.telegram:hover{-webkit-filter:brightness(120%);filter:brightness(120%);color:#08c}.separator{width:100%;max-width:425px;height:100px;display:flex;align-items:center;justify-content:center}img{width:200px}.doa{max-width:425px;width:100%;display:flex;box-shadow:0 0 1rem rgba(0,0,0,.15);flex-direction:column;height:auto;background-color:#fafafa;align-items:center;padding:40px 20px;text-align:center}.like{color:red;cursor:pointer;width:12%;font-size:1.5rem}.like,.like:hover{transition:all .6s}.like:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.doa p{line-height:25px;font-size:1rem;font-weight:600;opacity:.8}.row-like{justify-content:center;margin-top:20px}.countdown,.row-like{display:flex;align-items:center;width:100%}.countdown{max-width:425px;box-shadow:0 0 1rem rgba(0,0,0,.15);flex-direction:column;height:auto;background-color:#fafafa;padding:40px 20px 60px;text-align:center}.countdown ul{width:100%;display:inline-flex;justify-content:space-evenly}.countdown h2,.countdown h4{font-size:2rem;opacity:.8}.countdown h2{margin-bottom:20px;font-family:"Parisienne",cursive}.countdown p{opacity:.8}.countdown li{list-style:none}.ucapan{max-width:425px;width:100%;display:flex;box-shadow:0 0 1rem rgba(0,0,0,.15);flex-direction:column;height:auto;background-color:#fafafa;align-items:center;padding:40px 80px;text-align:center}.ucapan h2{margin-bottom:20px;opacity:.8;font-size:2rem;font-family:"Parisienne",cursive}.name-anda{height:50px;margin-bottom:20px;font-size:1rem;border-width:1px}.name-anda,.ucapan-anda{width:100%;text-align:center;opacity:.8;outline-color:#b7938f;border-radius:5px;border-color:#373434}.ucapan-anda{font-size:1.2rem}form{max-width:425px;width:100%}@-webkit-keyframes short-press{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes short-press{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}.hide{display:none}.submit-button{display:block;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:.75em;letter-spacing:1px;height:38px;width:120px;line-height:38px;overflow:hidden;background:#b7938f;border-radius:3px;box-shadow:0 15px 30px rgba(0,0,0,.1);border:0;cursor:pointer;transition:all .3s ease;margin-top:20px;opacity:.8}.submit-button:disabled{background-color:#000}.submit-button:focus,.submit-button:hover{box-shadow:0 5px 15px rgba(0,0,0,.1)}.submit-button.animated{-webkit-animation:short-press .75s cubic-bezier(.77,0,.175,1) forwards;animation:short-press .75s cubic-bezier(.77,0,.175,1) forwards}.submit-button>span{display:block;color:#fff;text-align:center}.submit-button>span.pre-state-msg{transition:all .7s cubic-bezier(.77,0,.175,1);transition-delay:.75s}.submit-button.state-1 .pre-state-msg{margin-top:-38px}.submit-button.state-2 .pre-state-msg{margin-top:-76px}.createdBy{max-width:425px;width:100%;display:flex;flex-direction:column;height:auto;background-color:#fafafa;align-items:center;padding:30px 20px;text-align:center;margin:5px 0 60px}.createdBy a{color:#b7938f}
/*# sourceMappingURL=main.de91d706.chunk.css.map */