@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&family=Cinzel:wght@400;500;600&family=Montserrat:wght@300;400;500&display=swap);:root{--color-1:#d5e7b5;--color-2:#72baa9;--color-3:#ae2448;--color-4:#6e1a37;--color-5:#6e1a37;--text-dark:#4a3f3f;--text-light:#7a6363;--white:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d5e7b5;background-color:var(--color-1);font-family:Poppins,sans-serif;margin:0}body,h1,h2,h3,h4,h5,h6{color:#4a3f3f;color:var(--text-dark)}p{color:#7a6363;color:var(--text-light)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p{font-size:1rem}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:.9rem}}.App{background-color:var(--color-1);scroll-behavior:smooth;text-align:center}.main-content.hidden{opacity:0;visibility:hidden}.main-content.visible{opacity:1;transition:opacity 1s ease-in;visibility:visible}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--color-4);color:var(--white);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--color-3)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-wrapper{align-items:center;color:var(--text-dark);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-background{background:url(../../static/media/10.d72795bb9f6e49691aee.jpeg) no-repeat 50%/cover;height:125%;z-index:0}.hero-background,.hero-wrapper:before{left:0;position:absolute;top:0;width:100%}.hero-wrapper:before{background:linear-gradient(135deg,#0000004d,#0000001a 50%,#0000004d);content:"";height:100%;z-index:1}.hero-content{align-items:center;background:#ffebeed9;border-radius:0;box-shadow:0 30px 60px #0000001a;display:flex;flex-direction:column;max-width:90%;padding:70px 100px;position:relative;text-align:center;z-index:2}.hero-content:before{left:20px;top:20px}.hero-content:after,.hero-content:before{color:var(--color-3);content:"✿";font-size:24px;opacity:.8;position:absolute}.hero-content:after{bottom:20px;right:20px}.hero-content-inner-border{border:1px solid var(--color-3);bottom:15px;left:15px;pointer-events:none;position:absolute;right:15px;top:15px}.hero-content-inner-border:before{right:5px;top:-15px}.hero-content-inner-border:after,.hero-content-inner-border:before{color:var(--color-3);content:"✿";font-size:24px;opacity:.8;position:absolute}.hero-content-inner-border:after{bottom:-15px;left:5px}.top-nav{background-color:#ffebeee6;border-radius:30px;box-shadow:0 4px 6px #c1949433;color:var(--color-3);display:flex;font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;gap:50px;letter-spacing:4px;padding:15px 30px;position:absolute;text-transform:uppercase;top:40px;z-index:10}.top-nav span{cursor:pointer;position:relative;transition:opacity .3s ease}.top-nav span:after{background-color:var(--color-3);bottom:-6px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.top-nav span:hover:after{width:100%}.status-pill{align-items:center;color:var(--color-3);display:inline-flex;font-family:Cinzel,serif;font-size:14px;font-weight:500;gap:15px;letter-spacing:6px;margin-bottom:20px;text-transform:uppercase}.status-pill:after,.status-pill:before{color:var(--color-3);content:"✧";font-size:12px}.couple-names{color:var(--text-dark);font-family:Great Vibes,cursive;font-size:100px;font-weight:400;line-height:1;margin:10px 0 25px;text-shadow:1px 1px 1px #0000000d}.wedding-date{color:var(--text-dark);font-family:Montserrat,sans-serif;font-size:16px;font-weight:300;letter-spacing:5px;margin-top:10px;position:relative;text-transform:uppercase}.wedding-date:before{background-color:var(--color-3);content:"";height:1px;top:-15px;width:60px}.swipe-indicator,.wedding-date:before{left:50%;position:absolute;transform:translateX(-50%)}.swipe-indicator{align-items:center;bottom:40px;color:var(--white);cursor:pointer;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:10px;font-weight:400;gap:8px;letter-spacing:4px;text-align:center;text-shadow:0 2px 4px #00000080;text-transform:uppercase;transition:transform .2s ease-in-out;z-index:10}.swipe-indicator:active{transform:translateX(-50%) scale(.95)}.chevron{animation:gentle-bounce 2.5s infinite;font-size:20px;font-weight:300}@keyframes gentle-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.music-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000;border:1px solid #ffffff80;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:45px;justify-content:center;position:absolute;right:40px;transition:all .3s ease;width:45px;z-index:10}.music-toggle:hover{background:#fff3;border-color:#fff;transform:scale(1.05)}@media (max-width:768px){.hero-content{padding:50px 30px;width:85%}.hero-background{background-position:53% top}.couple-names{font-size:65px}.top-nav{font-size:10px;gap:20px;padding:10px 20px}.hero-content-inner-border{bottom:10px;left:10px;right:10px;top:10px}}@media (max-width:480px){.hero-content{padding:40px 20px;width:90%}.couple-names{font-size:48px}.status-pill{font-size:10px;letter-spacing:4px;margin-bottom:15px}.wedding-date{font-size:12px;letter-spacing:3px}.top-nav{font-size:9px;gap:15px;letter-spacing:2px;padding:8px 15px;top:20px}.music-toggle{bottom:20px;font-size:16px;height:40px;right:20px;width:40px}.swipe-indicator{bottom:20px}}.quote-container{background-color:var(--color-1);height:100vh;overflow:hidden;position:relative;width:100%}.image-wrapper{background-color:var(--color-5);height:100%;position:relative;width:100%}.hover-image{filter:sepia(.8) hue-rotate(320deg) saturate(.5);height:100%;object-fit:cover;object-position:50% 15%;transition:filter .8s ease-in-out,transform 1.2s ease;width:100%;will-change:filter,transform}.image-wrapper:hover .hover-image{filter:grayscale(0);transform:scale(1.05)}.overlay-content{color:#fff;pointer-events:none;text-align:center;width:80%}.quote-text{color:var(--text-dark);font-family:Great Vibes,cursive;font-size:6rem;margin-bottom:10px}.quote-source{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:14px;letter-spacing:4px;opacity:.9;text-transform:uppercase}@media (max-width:768px){.quote-text{font-size:3.5rem}.quote-source{font-size:12px;letter-spacing:2px}.overlay-content{width:90%}}@media (max-width:480px){.quote-container{height:80vh}.hover-image{object-position:center}.quote-text{font-size:2.2rem}.quote-source{font-size:10px;letter-spacing:1.5px}}.countdown-container{background-color:var(--color-2);color:var(--text-dark);padding:100px 20px;text-align:center}.countdown-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:300;margin-bottom:10px}.countdown-subtitle{font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:50px;opacity:.8}.timer-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:0 auto;max-width:1000px}.time-card{align-items:center;background:#fff;border:1px solid var(--color-1);border-radius:20px;box-shadow:0 10px 25px #c1949426;display:flex;flex-direction:column;padding:30px 10px;width:160px}.time-value{color:var(--text-dark);display:block;font-size:4rem;font-weight:600}.time-label{color:var(--text-light);font-size:.8rem;letter-spacing:2px;margin-top:5px}@media (max-width:768px){.time-card{padding:20px 5px;width:120px}.time-value{font-size:2.5rem}}@media (max-width:480px){.countdown-container{padding:60px 20px}.timer-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.time-card{padding:15px 5px;width:calc(50% - 10px)}.time-value{font-size:2rem}.time-label{font-size:.7rem}}.video-container{align-items:center;cursor:pointer;display:flex;justify-content:center;opacity:0;overflow:hidden;position:fixed;z-index:9999}.video-container,.video-container:before{height:100%;left:0;top:0;transition:opacity 1s ease-in-out;width:100%}.video-container:before{background:linear-gradient(45deg,var(--color-1),var(--color-2));content:"";position:absolute;z-index:1}.video-container.ready{opacity:1}.video-container.fading:before,.video-container.video-playing:before{opacity:0}.video-container.fading{opacity:0;pointer-events:none}.video-container video{height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:0}.play-button{animation:pulse 2s infinite;background-color:initial;border:none;border-radius:10px;color:var(--color-4);cursor:pointer;font-family:Great Vibes,cursive;font-size:3rem;letter-spacing:1px;padding:20px 40px;position:relative;text-shadow:1px 1px 2px #ffffffb3;transition:all .3s ease;z-index:2}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.play-button:hover{animation:none;background-color:#fff3;color:var(--color-5);text-shadow:1px 1px 3px #ffffffe6;transform:scale(1.1)}
/*# sourceMappingURL=main.31d03811.css.map*/