body,html{overflow-x:hidden}*,.content-wrapper{box-sizing:border-box}.hero h1,.hero h4{margin-bottom:5rem}.btn-main,.huruf-sambung{color:var(--text-huruf-sambung)}.hero h4,.hero h5,.mynavbar a,.quote h4,.quote p{color:var(--text-color)}#rsvp-display,*{margin:0;padding:0}#myBtn,.btn-main{padding:1rem auto}#alamat .card-number,body{font-family:Lora,sans-serif}.doa p,.gift p{display:inline-flex}.opening .gerbang,.penutup .gerbang{animation:3s ease-in-out paused gateOpen}*,footer a{text-decoration:none}:root{--text-color:#7d5438;--text-huruf-sambung:#4d2b24;--black:#0a0a0a;--shadow:0 2px 2px rgba(0, 0, 0, 0.5);--background-button:#cfaa8e;--white:#e4e0d3}*{border:none;outline:0}html{font-size:62.5%;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}.parallax-container{position:relative;min-height:100vh;overflow-y:scroll;overflow:hidden;z-index:1}#loader-wrapper,.parallax-background{position:fixed;top:0;width:100%;height:100%;left:0}.hero,.quote{overflow:hidden;min-height:100vh}.parallax-background{background-image:url(assets/img/background-3.webp);background-size:cover;background-position:center;transform:translateZ(-1px) scale(2);z-index:-5}.btn-main,.content-wrapper,.hero,.parallex-content,section{position:relative}.parallex-content{min-height:100vh;top:0;left:0;width:100%;height:100%;z-index:-4}.content-wrapper{width:min(451px,100%);margin:0 auto;z-index:1;justify-content:center}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.huruf-sambung{font-family:SymphonyPro-Regular,cursive}.card-name,.card-number,.copy-button{font-family:'Courier New',Courier,monospace}#loader-wrapper{background-color:#f2e7e3;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:1;visibility:visible;transition:opacity .7s ease-out 1.8s,visibility .7s ease-out 1.8s}#loader-wrapper.loader-hidden{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s}.loader-logo{display:block;max-width:80%;max-height:80%;width:auto;height:auto;clip-path:inset(100% 0 0 0);animation:1.8s ease-out forwards revealFromBottom}#loader-wrapper h1{margin-top:15px;font-size:5rem}@keyframes revealFromBottom{0%{clip-path:inset(100% 0 0 0);opacity:.5}100%{clip-path:inset(0 0 0 0);opacity:1}}.hero{background:0 0;z-index:10;transition:transform 1s ease-out,opacity 1s ease-out}.btn-main,.lokasi a{background:var(--background-button);box-shadow:var(--shadow)}.hero .hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}#hero.hero-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.acara .gerbang,.doa .gerbang,.gift .gerbang,.hero .gerbang,.lokasi .gerbang,.penutup .gerbang,.quote .gerbang{position:absolute;z-index:1;transform-origin:center}.hero .dekorasi,.hero .dekorasi2{position:absolute;top:36%;z-index:2}.acara .gerbang img,.doa .gerbang img,.gift .gerbang img,.hero .gerbang img,.lokasi .gerbang img,.opening .gerbang img,.penutup .gerbang img,.quote .gerbang img{width:100%;height:auto}.hero .dekorasi{right:55%}.hero .dekorasi2{right:23%}.hero .dekorasi img,.hero .dekorasi2 img{width:100%;max-width:9rem;height:auto}.hero .dekorasi2 img{transform:rotateY(180deg)}.hero .cover{z-index:3}.hero h4{font-size:2rem;padding:2rem 0 0;font-weight:300}#myBtn,.btn-main,.mynavbar a{font-weight:400}.hero h1{font-size:8rem;line-height:6rem;letter-spacing:2px}.doa p,.gift p,.penutup h4:nth-child(3){margin:2rem auto}.hero h5{font-size:1.6rem;line-height:2rem}.btn-main,.mynavbar a,.offcanvas-title i{font-size:1.5rem}.hero h5 span{text-shadow:var(--shadow)}.btn-main{align-items:center;border:none;margin-top:2rem;height:auto;z-index:100;transition:1s}.hero .btn:hover,.lokasi a:hover,.rsvp-container button:hover{background:var(--text-huruf-sambung);color:var(--white)}.mynavbar{position:fixed!important;background-color:rgba(228,224,211,.7)!important;z-index:5;transition:.3s;width:100%;max-width:451px;margin-top:-2.5rem}.opening,.quote{position:relative}.mynavbar .navbar-brand,.mynavbar .offcanvas-title{font-size:3rem;font-weight:500;letter-spacing:1.5px}.mynavbar a{text-transform:uppercase;transition:.3s}.mynavbar a:hover{color:var(--text-huruf-sambung)}.quote{background-image:url(assets/img/background-1.webp);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-4}.acara .acara-content,.doa .doa-content,.gift .gift-content,.lokasi .lokasi-content,.opening .opening-content,.penutup .penutup-content,.quote .quote-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#gift-card,#nama-orangtua,#nama-penutup,.doa .col-10,.doa .col-8,.gift .col-8,.lokasi .col-8,.penutup .col-10,.quote .col-8{z-index:2}.quote p{padding-top:5rem;text-wrap:wrap;font-size:1.7rem;font-weight:300;padding-bottom:2rem;letter-spacing:.5px}.quote h4{font-size:1.5rem;font-weight:800}.opening{min-height:100vh;background:url(assets/img/opening.webp) center/cover no-repeat;overflow:hidden;z-index:1}.acara,.doa,.gift,.lokasi{background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;min-height:100vh;overflow:hidden}.opening .col-10{padding-top:5rem;z-index:5}.opening h3.start-animation{font-size:3rem;color:var(--text-color);animation:3s ease-in forwards paused turunMuncul}.opening h4.start-animation,.opening p.start-animation{font-size:1.5rem;color:var(--text-color)}.opening h4.start-animation{text-align:center;font-weight:700;margin:2rem auto;animation:3s ease-in forwards paused turunMuncul}.opening h1.start-animation,.opening p.start-animation{font-weight:500;animation:3s ease-in forwards paused turunMuncul}.opening h1.start-animation{font-size:3.7rem;letter-spacing:.5px;text-shadow:var(--shadow)}.opening h5.start-animation{font-size:3.2rem;animation:3s ease-in forwards paused turunMuncul}.opening .gerbang{position:absolute;z-index:4;transform-origin:center;transition:.3s}#myBtn,#rsvp-display,.acara,.doa,.gift,.lokasi,.rsvp,.rsvp-container{position:relative}.acara,.gift{background-image:url(assets/img/background-1.webp)}.acara .title h2,.doa .title h2,.gift .title h2,.lokasi .title h2,.rsvp .title h2{font-size:6rem;letter-spacing:.5px;padding-top:5rem}.acara .card{background:0 0;border:none;z-index:100}#myBtn,.acara .col-8{z-index:5}#acara-card::before{content:'';position:absolute;top:13rem;bottom:6rem;width:1px;background-color:var(--text-huruf-sambung);left:50%;z-index:2}.acara .card-header{font-size:4rem;background:0 0;border:none;letter-spacing:.5px}.acara .card-body{display:flex;flex-direction:column;color:var(--text-color);font-size:1.5rem}footer,footer a{color:var(--white)}.acara .card-body .btn-calendar{background-color:var(--background-button);color:var(--text-huruf-sambung);margin-top:1rem;cursor:pointer;transition:.3s}#myBtn:focus,#myBtn:hover,.acara .card-body .btn-calendar:hover,.btn-box:hover{background-color:var(--text-huruf-sambung);color:var(--white)}.acara .acara-footer,.acara .card-footer{color:var(--text-color);font-size:1.2rem}.acara .card-footer{background:0 0;border:none}.acara .acara-footer{padding-top:2rem;font-weight:700}.doa,.lokasi{background-image:url(assets/img/background-2.webp)}.lokasi iframe{border:solid 1px var(--text-color);border-radius:10px}.doa h3,.lokasi h3{color:var(--text-huruf-sambung);font-size:1.8rem}.lokasi p{color:var(--text-color);font-size:1.3rem}.lokasi a,footer a,footer small{font-size:1.2rem}.lokasi a{color:var(--text-huruf-sambung);transition:.3s;z-index:2}.rsvp{background:url(assets/img/rsvp.webp) center/cover no-repeat;overflow:hidden;z-index:1}.rsvp .rsvp-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;width:100%}.rsvp .title h2{padding-top:2rem;letter-spacing:15px}.rsvp h4{font-size:1.5rem;color:var(--text-color)}.rsvp-container{width:100%;margin:1rem 0;padding:1rem}#nama-penutup h3,.rsvp-container .form-control,.rsvp-container .form-label,.rsvp-container option{color:var(--text-color);font-size:1.5rem}#myBtn,.rsvp-container button{background:var(--background-button);font-size:1.5rem;color:var(--text-huruf-sambung)}.rsvp-container button{width:10rem;letter-spacing:1.5px;box-shadow:var(--shadow);transition:1s}#rsvp-list,.gift p{color:var(--text-color)}#rsvp-display{border-radius:10px;width:40rem;height:100%;overflow-y:scroll;background-color:rgba(228,224,211,.8);z-index:2;transition:.5s}#rsvp-list,#rsvp-list li,.doa p span{margin:1rem auto}#myBtn,.btn-box{box-shadow:var(--shadow);transition:1s}#rsvp-list{position:absolute;display:block;list-style:none}#rsvp-list li{text-align:left;border-radius:5px;background-color:rgba(255,2555,255,.7);width:34rem;height:100%;padding:.5rem;letter-spacing:.5px}.rsvp .modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}#myBtn{align-items:center;border:none;height:auto}#alamat,.gift p{flex-direction:column}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}#alamat .alamat,.btn-box{color:var(--text-huruf-sambung)}.btn-box,.gift p{font-size:1.5rem}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.doa .logo,.gift .logo{top:-15%}.gift p{width:100%}.doa .doa-flower1,.gift .gift-flower1{top:-70%}.doa .doa-flower2,.gift .gift-flower2{top:87%}.doa .doa-flower4,.gift .gift-flower4{top:-20%}#gift-card{z-index:100}.btn-box{display:block;width:20rem;margin:1.5rem auto;background:var(--background-button)}.collapse{display:none}#nama-penutup,.show{display:block}.credit-card{background:url(assets/img/card-background.webp) 0 0/cover;border-radius:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.5);padding:2rem;width:30rem;color:var(--text-color);position:absolute}.card-logo{width:7.5rem;position:absolute;top:1.5rem;right:1.5rem}.card-container{display:flex;align-items:center;margin-top:5rem}#alamat{margin-top:2rem;display:flex}#alamat .alamat{font-size:1.1rem;margin-bottom:.5rem}#alamat .card-number{font-size:1rem;color:var(--text-color);letter-spacing:1px}.card-sim{width:3rem;margin-right:1rem}.card-number{font-size:2.2rem}.card-name{font-size:1.6rem;text-align:left;margin-top:1rem}.copy-button{position:absolute;width:auto;max-width:none;margin:2rem 0 0;top:.5rem;left:1.5rem;background-color:#fff;color:#000;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;box-shadow:2px 2px 4px rgba(0,0,0,.5)}.gift .footer-section{position:absolute;display:block;width:100%;height:auto;bottom:100px;z-index:1}.gift .footer-section img{width:200px;height:100px}.doa .arab{color:var(--text-color);font-size:2.3rem}.doa p,.penutup .keluarga,.penutup h4,.penutup h5{color:var(--text-color);font-size:1.5rem}.doa p{flex-direction:column}.penutup{position:relative;min-height:100vh;background:url(assets/img/penutup.webp) center/cover no-repeat;overflow:hidden;z-index:1}.penutup h4{font-weight:600}.penutup h4:first-child{padding-top:7rem}#nama-penutup h2{font-size:5rem;margin:3rem auto}.penutup .keluarga{letter-spacing:1px;font-weight:700}.penutup h5{font-weight:500;margin-top:1rem}.penutup #keluarga-pria{padding-top:3rem}.penutup .gerbang{transform-origin:center;transition:.3s}.start-animation{animation-play-state:paused!important}.start-animation.animate{animation-play-state:running!important}footer{padding:2rem;background-color:var(--text-huruf-sambung)}footer a{font-weight:700}footer a:hover{color:#fff}footer li{list-style:none;display:inline;margin:.5rem}.audio-icon-wrapper{width:2.5rem;height:2.5rem;font-size:2.5rem;position:fixed;bottom:2.5rem;right:2rem;z-index:10;cursor:pointer;color:var(--text-huruf-sambung);opacity:.7;animation:4s linear infinite discRotate;transform-origin:center;display:flex;justify-content:center;align-items:center;line-height:0}@keyframes discRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes disappear{0%,100%{opacity:.4}20%,60%{opacity:.6}40%{opacity:.8}80%{opacity:.5}}@keyframes gateOpen{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:.5}100%{transform:scale(1);opacity:1}}@keyframes turunMuncul{0%,70%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:768px){html{font-size:62.5%}.mynavbar .nav-link{text-align:center}}@media (max-width:520px){html{font-size:62.5%}}@media (max-width:462px){.cover h1,.cover h4{padding-top:0}html{font-size:45%}.navbar{height:8rem}.navbar .navbar-brand{font-size:6rem;font-weight:500}.cover h4,.navbar .nav-link,.navbar .navbar-toggler-icon{font-size:2.5rem}.acara .card-header,.navbar .offcanvas-title,.opening h3.salam.start-animation{font-size:4.5rem}.hero .dekorasi{top:35%;right:55%}.hero .dekorasi2{top:35%;right:28%}.cover h1{font-size:10rem;line-height:9rem}.cover a{font-size:1.6rem}#nama-orangtua h5,#nama-penutup h3,.doa h3,.doa p,.gift p,.lokasi p,.quote p,.rsvp .form-control,.rsvp .form-select{font-size:2rem}.quote h4{font-size:3rem}.acara .card-body span,.opening h4.start-animation{font-size:1.9rem}.opening p.start-animation{font-size:1.8rem;margin-bottom:3rem}.opening h1.huruf-sambung{font-size:4.7rem}.opening h5{font-size:4rem}.acara .card-body a{font-size:1.2rem}.acara .card-footer{font-size:1.7rem}.acara .acara-footer,.lokasi a{font-size:1.5rem}#myBtn,#nama-orangtua .keluarga,.rsvp .form-label{font-size:1.8rem}.lokasi iframe{height:15rem;margin-top:2rem}.lokasi h3{font-size:2.1rem;margin:0 auto}.rsvp .title h2{letter-spacing:15px;margin-bottom:3rem}#myBtn{width:35rem}.rsvp button{width:15rem;font-size:2rem}#rsvp-display{margin-top:2rem;width:40rem;min-height:30rem}#rsvp-list li{width:34rem;font-size:1.8rem}.doa .arab{font-size:2.7rem}.penutup h4{font-size:1.8rem;letter-spacing:.5px}#nama-penutup h2{font-size:7rem}}@media (max-width:377px){html{font-size:40%}.hero .dekorasi{top:35%;right:56%}.hero .dekorasi2{top:35%;left:57%}.cover h4,.quote h4{font-size:2.5rem}.cover h1{font-size:8.5rem;line-height:7.5rem}#rsvp-list li,.cover h5,.opening h4.start-animation,.rsvp-container .form-control,.rsvp-container .form-label{font-size:1.8rem}.acara .acara-footer,.cover a,.lokasi a,.lokasi p,.penutup h5{font-size:1.5rem}.acara .card-body span,.doa p,.gift p,.lokasi h3,.opening p.start-animation,.quote p{font-size:2rem}.opening h3.salam.start-animation{font-size:4rem}.opening h1.huruf-sambung.start-animation{font-size:4.6rem}.acara .card-header{font-size:3.5rem}.lokasi iframe{max-width:40rem;min-height:20rem}.rsvp .title{padding-top:5rem}.rsvp-container button{width:20rem;font-size:2rem}#rsvp-display{min-width:45rem;min-height:30rem;z-index:5}#rsvp-list{margin:1rem auto}#rsvp-list li{min-width:40rem}.gift p{margin:2rem auto}.doa .arab{font-size:3rem}.penutup .col-10 h4{font-size:1.7rem}.penutup .col-10 h4:first-child{margin-top:5rem}#nama-penutup h2{font-size:6.5rem}.penutup .keluarga{font-size:1.4rem}#nama-orangtua{margin:1.2rem auto}}