@import "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#5a1a1a;background-color:#fdfbf7;width:100%;font-family:Playfair Display,serif;overflow-x:hidden}html.no-scroll,body.no-scroll{width:100%;height:100vh;position:fixed;overflow:hidden}.container{width:100%;position:relative;overflow-x:hidden}.bg-candi{opacity:.25;z-index:0;background-image:url(/bg-candi.webp);background-position:top;background-size:cover;width:100%;height:100vh;position:fixed;top:0;left:0}.fixed-decorations{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.decor{position:absolute}.gunungan{z-index:2;width:20vw;max-width:80px;top:3vh;left:50%}.janur-kiri{z-index:2;width:22vw;max-width:120px;height:auto;top:4vh;left:0}.janur-kanan{z-index:2;width:22vw;max-width:120px;height:auto;top:1vh;left:auto;right:0}.joglo{z-index:2;width:100%;max-width:460px;bottom:0;left:50%}.pengantin{z-index:3;width:42vw;max-width:175px;bottom:2vh;left:50%}.wayang-kiri{z-index:5;width:32vw;max-width:130px;bottom:9vh;left:0}.wayang-kanan{z-index:5;width:32vw;max-width:130px;bottom:9vh;left:auto;right:0}.bunga-bawah{z-index:6;width:100%;max-width:500px;bottom:-5px;left:50%}.bunga-kiri{object-fit:contain;z-index:3;width:35vw;max-width:120px;height:75vh;max-height:600px;top:19vh;bottom:0;left:-6vw}.bunga-kanan{object-fit:contain;z-index:3;width:35vw;max-width:120px;height:75vh;max-height:600px;inset:19vh -6vw 0 auto}.scroll-content{z-index:10;position:relative}.slide{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.text-box{text-align:center;background:#fdfbf7d9;border-radius:16px;max-width:380px;padding:25px;box-shadow:0 4px 20px #5a1a1a0d}.cover-text-box{margin-top:1vh;padding:10px;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important}.subtitle{color:#8c2a2a;letter-spacing:1px;margin-bottom:32px;font-size:1.15rem;font-weight:700}.title-name{color:#5a1a1a;margin:12px 0;font-family:Great Vibes,cursive;font-size:3.8rem;line-height:1.1}.name-bride-groom{color:#5a1a1a;margin:2px 0;font-family:Great Vibes,cursive;font-size:4.2rem;line-height:.95}.ampersand{color:#5a1a1a;margin:2px 0;font-family:Playfair Display,serif;font-size:2.2rem;font-style:italic;line-height:1}.date{letter-spacing:3px;margin-top:12px;font-size:1.05rem;font-weight:700}.quote{margin-bottom:12px;font-size:.95rem;font-style:italic;line-height:1.7}.surah{font-size:.9rem;font-weight:700}.salam{color:#8c2a2a;margin-bottom:16px;font-family:Great Vibes,cursive;font-size:2.6rem}.invitation-text{font-size:.95rem;line-height:1.6}.cover-slide{background-image:url(/cover.webp);background-position:50%;background-size:cover;justify-content:center;padding-top:0;transition:background .5s;position:relative}.cover-slide.opened{background-color:#0000!important;background-image:none!important}.buka-undangan-box{text-align:center;z-index:20;width:100%;position:absolute;bottom:14%;left:0}.kepada{color:#fdfbf7;text-shadow:1px 1px 4px #000000b3;margin-bottom:14px;font-size:.9rem;font-weight:700;line-height:1.4}.btn-buka{color:#5a1a1a;letter-spacing:1px;cursor:pointer;background-color:#fdfbf7;border:1px solid #5a1a1a;border-radius:24px;padding:12px 30px;font-family:Playfair Display,serif;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000040}.btn-buka:hover{color:#fdfbf7;background-color:#5a1a1a;border-color:#fdfbf7;transform:scale(1.05)}.music-btn{color:#fdfbf7;cursor:pointer;z-index:1000;background-color:#5a1a1a;border:2px solid #d4af37;border-radius:50%;outline:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 15px #5a1a1a4d}.music-btn:hover{background-color:#7a2222;transform:scale(1.1);box-shadow:0 6px 20px #5a1a1a80}.music-btn svg{transition:transform .3s}.music-btn.playing svg{animation:4s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.music-btn{width:42px;height:42px;bottom:20px;right:20px}}