@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:#f0dcdc;--color-2:#ead0d0;--color-3:#ddbaba;--color-4:#d6adad;--color-5:#c19494;--text-dark:#4a3f3f;--text-light:#7a6363;--white:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0dcdc;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)}.App{background-color:var(--color-1);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:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@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:#fffc;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-5);content:"✿";font-size:24px;opacity:.8;position:absolute}.hero-content:after{bottom:20px;right:20px}.hero-content-inner-border{border:1px solid var(--color-5);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-5);content:"✿";font-size:24px;opacity:.8;position:absolute}.hero-content-inner-border:after{bottom:-15px;left:5px}.top-nav{background-color:#fff;border-radius:30px;box-shadow:0 4px 6px #c1949433;color:var(--color-5);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-5);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-5);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-5);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-4);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:#fff;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}}.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:#000;font-family:Great Vibes,cursive;font-size:6rem;margin-bottom:10px}.quote-source{color:#000;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-text{font-size:2.2rem}}.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){.timer-grid{gap:15px}.time-card{padding:15px 5px;width:100px}.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,#fde3e4b3,#f9f1e7b3);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:#8b4513;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:sienna;text-shadow:1px 1px 3px #ffffffe6;transform:scale(1.1)}
/*# sourceMappingURL=main.234d92ae.css.map*/