.wrapper *{margin:0;padding:0;box-sizing:border-box}.wrapper{max-width:1080px;margin:50px 20%;padding:0 20px;position:relative}.wrapper .center-line{position:absolute;height:100%;width:2px;background:#212121;left:50%;top:20px;transform:translate(-50%)}.wrapper .row{display:flex}.wrapper .row-1{justify-content:flex-start}.wrapper .row-2{justify-content:flex-end}.wrapper .row section{background:#fff;border-radius:5px;width:calc(50% - 40px);padding:20px 0;position:relative;height:15vh}.wrapper .row section:before{position:absolute;content:"";height:15px;width:15px;background:#fff;top:28px;z-index:-1;transform:rotate(45deg)}.row-1 section:before{right:-7px}.row-2 section:before{left:-7px}.row section .icon,.center-line .scroll-icon{position:absolute;background:#fff;width:50px;text-align:center;font-size:17px}.row section .icon img{width:50px;height:50px}.center-line .scroll-icon{bottom:0;left:50%;font-size:25px;transform:translate(-50%)}.row-1 section .icon{top:15px;right:-65px}.row-2 section .icon{top:20px;left:-65px;padding-top:5px}.row section .details,.row section .bottom{display:flex;align-items:center;justify-content:space-between;flex-direction:column}.row section .details .title{font-size:1.3em;font-weight:500}.row section p{margin:10px 0 17px}.row section .bottom a{text-decoration:none;background:#ff7979;color:#fff;padding:7px 15px;border-radius:5px;font-weight:400;transition:all .3s ease}.row section .bottom a:hover{transform:scale(.97)}@media (max-width: 790px){.wrapper{margin:50px 0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color:#212121;background-color:#f0ece5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;font-family:Avenir,Helvetica,Arial,sans-serif}a.button{margin-top:5px;border-radius:8px;border:1px solid #212121;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s;color:#212121}a.button:focus,a.button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{margin:0 auto;text-align:center;width:100svw;height:100svh}.photoshoot-img{object-fit:cover;width:100%;height:100%}.scroll-snap-container.horizontal{width:50vh;height:100%;scrollbar-width:none}.h-item{min-width:43vh;scroll-snap-stop:always;scroll-snap-align:center;height:100%}.divider{position:relative;margin:15px;height:1px}.div-transparent:before{content:"";position:absolute;top:0;left:5%;right:5%;width:90%;height:1px;background-image:linear-gradient(to right,transparent,rgb(48,49,51),transparent)}.div-dot:after{content:"";position:absolute;z-index:1;top:-7px;left:calc(50% - 9px);width:12px;height:12px;background-color:#212121;border:1px solid rgb(48,49,51);border-radius:50%;box-shadow:inset 0 0 0 2px #fff,0 0 0 4px #fff}.item{display:flex}.getting-married-text{display:block;font-size:1.8em}.getting-married-date{display:block;font-size:2.5em;font-weight:600}.item-nested-container{display:flex;flex:1;margin:.8em;background-color:#fff;box-shadow:0 3px 5px silver;flex-direction:column}.icons-container{position:relative}.two-columns{gap:16px;display:flex;flex-direction:column}.section-header{padding:1em 0 0;font-size:2em}.item{scroll-snap-stop:always;flex-direction:column;background-color:#f0ece5}.getting-married{color:#ffffffde}p{margin:8px}.location-image{width:10vh}.bold{font-weight:600}.foo-bar{flex:1}.img-amazon{height:3em}.img-liverpool,.img-envelope{height:2.5em}.the-parents{font-family:Pinyon Script;font-size:2.2em;line-height:1}.us{font-family:Pinyon Script;font-size:2em}#envelope{max-width:60vh;width:100%;min-height:100dvh;background-color:#f0ece5;border:1px solid #ccc;position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box}#envelope-top{max-width:100vh;max-height:100vh;width:100vh;height:100vh;box-shadow:0 0 25px #212121;position:absolute;left:50%;top:-5%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;z-index:99;background-color:#f0ece5;border-radius:1em;transition:top 3s ease .3s;opacity:1}#envelope-bottom{max-width:100vh;max-height:100vh;width:100vh;height:100vh;box-shadow:0 0 25px #212121;position:absolute;left:50%;top:65%;transform:translate(-50%) rotate(45deg);z-index:1;background-color:#f0ece5;transition:top 3s ease .3s;opacity:1;border-radius:1em}.main-scrollsnap{opacity:0;transition:opacity 3s ease .3s;overflow:hidden}#open-me{position:absolute;top:55%;left:50%;z-index:99;transition:top 2.5s ease .3s,opacity 3s ease .3s;transform:translate(-50%);cursor:pointer;opacity:1}#open-me img{height:20vh;object-fit:contain}.animate-hidden{transform:translateY(20px);opacity:0}.animate-shown{transform:translateY(0);opacity:1}.animate-transition{transition:transform .7s ease .3s,opacity .7s ease .3s}.animate-look-at-me{animation:look-at-me 3s infinite}.volume-icon{position:absolute;bottom:1.7em;left:.7em;z-index:999;color:#ede9e2;border:2px solid #ede9e2;padding:4px 6px;border-radius:50%;cursor:pointer;width:20px;height:24px;transition:opacity .7s ease .3s,filter .7s ease .3s}.scroll-to-top-icon{position:absolute;bottom:1.7em;right:.7em;z-index:999;color:#ede9e2;border:2px solid #ede9e2;padding:4px 6px;border-radius:50%;cursor:pointer;width:20px;height:24px;transition:opacity .7s ease .3s,filter .7s ease .3s;opacity:0}.dot-list-container{display:flex;width:inherit;justify-content:center;position:fixed;left:50%;bottom:5%;transform:translate(-50%)}.dot-list{list-style-type:none;display:flex;gap:5px;align-items:center;padding-left:0}.dot{width:6px;height:6px;border-radius:50%;border:solid 2px white}.dot.active{background-color:#fff}@media screen and (max-width: 767px){:root{font-size:16px}p{margin:4px 10px;line-height:1.4}.first-item{align-items:flex-start}.getting-married-text{font-size:1.5em}.getting-married-date{font-size:2em}.section-header{padding:1em 1em 0;font-size:1.5em}.location-image{width:20vw}.scroll-snap-container.horizontal{width:80vw;height:100%}.h-item{min-width:70vw;max-height:80vh}#envelope{max-width:100vw!important;width:100vw!important}.volume-icon{left:1.7em}.scroll-to-top-icon{right:1.7em}.dot{width:6px;height:6px;border:1px solid white}}@media (min-width: 768px){.item-nested-container{max-width:60vh;min-width:60vh;margin:1em auto}.icons-container{max-width:60vh;min-width:60vh;margin:0 auto}}@media only screen and (min-device-width: 200px) and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){:root{font-size:6px}#envelope>#envelope-top{top:-85%}.divider{margin:8px}.div-dot:after{top:-4px;left:calc(50% - 2px);width:5px;height:5px;box-shadow:inset 0 0 0 1px #fff,0 0 0 4px #fff}.section-header{padding:1em 1em 0;font-size:1.5em}.getting-married-text{font-size:2.5em}.getting-married-date{font-size:3.5em}p{margin:2px 4px}#envelope{max-width:60vh!important;width:60vh!important}.item-nested-container{max-width:60vh;min-width:60vh;margin:1em auto}.location-image{width:4vw}.row section .icon img{width:30px;height:30px}.wrapper{margin:0 20%;padding:0 20px}.scroll-snap-container.horizontal{width:50vh;height:58vh}.h-item{min-width:43vh}}@keyframes look-at-me{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes colorAnimation{0%{color:red}50%{color:#00f}to{color:red}}.scroll-snap-container{display:block;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-snap-points-y:repeat(100%);scroll-snap-destination:0 0;scroll-snap-type:y mandatory;scroll-snap-type:mandatory;scroll-behavior:smooth}.scroll-snap-container.horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-y:hidden;overflow-x:scroll;scroll-snap-points-x:repeat(100%);scroll-snap-type:x mandatory}.scroll-snap-container.fullscreen{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;position:absolute;top:0;bottom:0;left:0;right:0;min-width:100%;min-height:100%}.scroll-snap-container.fullscreen.horizontal{flex-direction:row}.item{scroll-snap-align:start}.scroll-snap-container.fullscreen>.item{min-height:100%;flex:1}.scroll-snap-container.horizontal>.item{scroll-snap-align:center}.scroll-snap-container.fullscreen.horizontal>.item{scroll-snap-align:center;min-width:100%;flex:1}.countdown[data-v-43d88e09]{display:flex;justify-content:center;gap:20px}.countdown-section[data-v-43d88e09]{text-align:center}.countdown-number[data-v-43d88e09]{font-size:2rem;font-weight:700;color:#fff}.countdown-label[data-v-43d88e09]{display:block;font-size:1rem;color:#7f8c8d}