html,body,div,span{margin:0;padding:0}.hidden{display:none!important}.background{--background-bg-edge-color: rgba(255, 255, 255, .3);position:fixed;top:0;width:100vw;height:100svh;background-color:#ffefd5;background-image:linear-gradient(to right,var(--background-bg-edge-color),transparent,var(--background-bg-edge-color)),linear-gradient(to bottom,white,var(--background-bg-edge-color) 10%,transparent,var(--background-bg-edge-color) 90%,white),url(/assets/background-Cp6NfWfM.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:scroll;filter:blur(5px);z-index:-1}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.col{flex-direction:column}.pointer{cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:root{--viewport-width: 100dvw;--viewport-height: 100dvh;--invitation-w: 148;--invitation-h: 210;--invitation-gap: 8;--unit: min(calc(var(--viewport-width) / var(--invitation-w)), calc(var(--viewport-height) / var(--invitation-h))) ;--invitation-width: calc(var(--unit) * (var(--invitation-w) - var(--invitation-gap)));--invitation-height: calc(var(--unit) * (var(--invitation-h) - var(--invitation-gap)));--primary-color: #afaf93;--primary-highlight-color: #7a7a43;--secondary-color: white;--secondary-highlight-color: #f3f3cc;--google-primary-color: #7a7a43;--google-primary-highlight-color: #848458;--shadow-color: rgba(0, 0, 0, .5);--shadow-v-offset: calc(var(--unit) * 2);--shadow-blur-radius: calc(var(--unit) * 2)}.logo .icon{--gap: 15;--border-width: .5;position:relative;width:calc(var(--unit) * var(--border-width));height:calc(var(--unit) * 32);background-image:linear-gradient(black 40%,transparent 40%,transparent 62%,black 62%);font-size:calc(var(--unit) * 36)}.logo .icon-bride{position:absolute;transform:translate(calc(-50% - var(--unit) * var(--gap)))}.logo .icon-groom{position:absolute;transform:translate(calc(50% + var(--unit) * var(--gap)));transform:translate(calc(47% + var(--unit) * var(--gap)))}.logo .icon-separator{position:absolute;transform:translate(calc(var(--unit) * var(--border-width) * .25));width:calc(var(--unit) * 7)}.logo .title{--gap: 9;--spacing: 2;position:relative;font-size:calc(var(--unit) * 7);text-indent:calc(var(--unit) * var(--spacing));letter-spacing:calc(var(--unit) * var(--spacing));text-transform:uppercase}.logo .title-bride{position:absolute;transform:translate(calc(-50% - var(--unit) * var(--gap)))}.logo .title-groom{position:absolute;transform:translate(calc(50% + var(--unit) * var(--gap)))}@keyframes invitation-depth{0%{transform:translateZ(0)}20%{transform:translateZ(calc(var(--unit) * -32))}to{transform:translateZ(calc(var(--unit) * -32))}}@keyframes invitation-turn{0%{transform:rotateY(180deg)}10%{transform:rotateY(180deg)}30%{transform:rotateY(0)}to{transform:rotateY(0)}}@keyframes letter-depth{0%{transform:translateZ(0)}70%{transform:translateZ(0)}to{transform:translateZ(calc(var(--unit) * 40))}}@keyframes wrap-front{0%{transform:rotateY(0)}10%{transform:rotateY(0)}40%{transform:rotateY(0)}90%{transform:rotateY(-270deg)}to{transform:rotateY(-270deg)}}.will-animate{animation-play-state:paused}.animate{animation-fill-mode:forwards;animation-play-state:running}.animate.reverse{animation-direction:reverse}#viewport{width:100dvw;height:100dvh;overflow:hidden;perspective:calc(var(--unit) * 256)}#panel,#invitation,#letter,#wrap-front-left,#wrap-front-right{transform-style:preserve-3d}#letter,#wrap-back,#wrap-front-left,#wrap-front-right{position:absolute}#letter,#wrap-back,#wrap-front-left .wrap-front{box-shadow:0 var(--shadow-v-offset) var(--shadow-blur-radius) 0 var(--shadow-color)}#wrap-front-right .wrap-front{box-shadow:0 calc(var(--shadow-v-offset) * -1) var(--shadow-blur-radius) 0 var(--shadow-color)}#panel{animation-name:invitation-depth;animation-timing-function:ease-in-out;will-change:transform}#invitation{width:var(--invitation-width);height:var(--invitation-height);transform:rotateY(180deg);animation-name:invitation-turn;animation-timing-function:linear;will-change:transform}#letter{width:calc(var(--invitation-width) - 4 * var(--unit));height:calc(var(--invitation-height) - 4 * var(--unit));background-color:#f5f5f5;animation-name:letter-depth;animation-timing-function:ease-in;will-change:transform}#letter-text{backface-visibility:hidden;transform:translateZ(.01px)}.wrap{width:100%;height:100%;background-color:#d3d3d399;-webkit-backdrop-filter:blur(calc(var(--unit) * 2));backdrop-filter:blur(calc(var(--unit) * 2))}#wrap-back{transform:translateZ(-.1px) rotateY(180deg)}#wrap-front-left,#wrap-front-right{width:calc(var(--invitation-width) * .5 + calc(var(--unit)));height:var(--invitation-height)}#wrap-front-left{left:0;transform:translateZ(.1px)}#wrap-front-right{right:0;transform:translateZ(.2px) rotate(180deg)}.wrap-front{transform-origin:left;animation-name:wrap-front;animation-timing-function:ease-in;will-change:transform}#wrap-front-left .wrap-front.animate,#wrap-front-right .wrap-front.animate.reverse{animation-delay:50ms}#wrap-front-left .wrap-front.animate.reverse,#wrap-front-right .wrap-front.animate{animation-delay:0s}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scaleX(1.5) scaleY(3);opacity:0}}@starting-style{#click-to-open{opacity:0}}#click-to-open{position:absolute;bottom:25%;left:50%;transform:translate(-50%);font-family:Cormorant,serif;font-size:calc(var(--unit) * 5);font-weight:lighter;border-radius:calc(var(--unit) * 8);color:#fff;background-color:var(--primary-color);padding:calc(var(--unit) * 1) calc(var(--unit) * 4);transition:opacity 2s,display 2s allow-discrete}#click-to-open:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-color);border-radius:calc(var(--unit) * 8);z-index:-1;animation:pulse 2s infinite}#letter{background-image:url(/assets/letter-D--MCLsL.jpg);background-repeat:no-repeat;background-size:100% 100%}#guests{font-family:Allison,cursive;font-size:calc(var(--unit) * 20);max-width:calc(var(--invitation-width) - var(--invitation-gap) * var(--unit));text-align:center}#letter-text{--border-gap: 17;font-family:Cormorant,serif;font-weight:lighter;width:calc(var(--invitation-width) - var(--unit) * var(--border-gap));height:calc(var(--invitation-height) - var(--unit) * var(--border-gap));border:calc(var(--unit) * .5) solid dimgray;border-radius:calc(var(--unit) * 1)}.top,.bottom{height:50%}.top{justify-content:start}.bottom{justify-content:end}.logo .title{margin-top:calc(var(--unit) * 3)}.logo .icon{margin-top:calc(var(--unit) * 13)}.message{font-size:calc(var(--unit) * 7);margin-top:calc(var(--unit) * 4)}.schedule{--border-width: .25;--spacing: .5;font-size:calc(var(--unit) * 5);text-indent:calc(var(--unit) * var(--spacing));letter-spacing:calc(var(--unit) * var(--spacing));text-transform:uppercase}.week-day-container,.hour-container{width:calc(var(--unit) * 29);border-top:calc(var(--unit) * var(--border-width)) solid black;border-bottom:calc(var(--unit) * var(--border-width)) solid black;padding:calc(var(--unit) * 2) 0}.date{height:calc(var(--unit) * 31);border-left:calc(var(--unit) * var(--border-width)) solid black;border-right:calc(var(--unit) * var(--border-width)) solid black;padding:0 calc(var(--unit) * 2);margin:0 calc(var(--unit) * 4);gap:calc(var(--unit) * 3)}.day{font-size:calc(var(--unit) * 9);font-weight:700}.day,.year,.hour{transform:translateY(-12%) scale(1.2)}.month{transform:translateY(20%)}.venue{font-size:calc(var(--unit) * 7);font-weight:700}.address-line-1{font-size:calc(var(--unit) * 6);gap:calc(var(--unit));margin-bottom:calc(var(--unit) * 6)}.address-line-2{font-size:calc(var(--unit) * 5);margin-bottom:calc(var(--unit) * 8)}.address-number{transform:translateY(-20%)}.decoration{height:calc(var(--unit) * 4);margin-bottom:calc(var(--unit) * 7)}#details{font-size:calc(var(--unit) * 5);font-weight:bolder;border-radius:calc(var(--unit) * 8);color:#fff;background-color:var(--primary-color);padding:calc(var(--unit) * 1) calc(var(--unit) * 4);margin-bottom:calc(var(--unit) * 13);box-shadow:0 calc(var(--shadow-v-offset) * .5) calc(var(--shadow-blur-radius) * .5) 0 var(--shadow-color)}#details:hover{background-color:var(--primary-highlight-color)}@keyframes wiggle{0%{transform:translate(calc(var(--unit) * -20))}to{transform:translate(calc(var(--unit) * 20))}}@keyframes stretch{0%{transform:scaleX(1.05) scaleY(.95)}to{transform:scaleX(.95) scaleY(1.05)}}@keyframes pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2)}to{opacity:0}}@keyframes quiz-reveal{0%{transform:translateY(24rem)}to{transform:translateY(0)}}@keyframes rainbow{to{filter:hue-rotate(360deg)}}.bubble-outer{position:absolute;will-change:transform;pointer-events:none}.bubble-middle{width:100%;height:100%;will-change:transform;animation-name:wiggle;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;pointer-events:none}.bubble-middle.normal{animation-direction:alternate}.bubble-middle.reverse{animation-direction:alternate-reverse}.bubble-inner{border-radius:50%;width:100%;height:100%;box-shadow:0 calc(var(--unit) * 4) calc(var(--unit) * 5) #0003,inset 0 calc(var(--unit) * 2) calc(var(--unit) * 5) calc(var(--unit) * 1) #fff;will-change:transform;animation:stretch 1s ease-in-out infinite alternate;pointer-events:auto}.bubble-inner:after{content:"";position:absolute;left:5%;width:90%;height:90%;background:radial-gradient(ellipse at center,#ffffff80,#fff0 70%);border-radius:50%;box-shadow:inset 0 calc(var(--unit) * 4) calc(var(--unit) * 5) #ffffff4d}.quiz{position:fixed;bottom:0;max-width:calc(var(--invitation-width) + var(--unit) * 4);background-color:var(--primary-color);border-radius:4rem 4rem 0 0;box-shadow:0 calc(var(--shadow-v-offset) * -1) var(--shadow-blur-radius) 0 var(--shadow-color);font-family:Cormorant,serif;color:#fff;text-align:center;padding:1rem;box-sizing:border-box;will-change:transform}.quiz-reveal{animation:quiz-reveal 1s ease-out forwards}.quiz-hide{animation:quiz-reveal 1s ease-out reverse}.quiz span:first-child{font-size:1.5rem;font-weight:bolder;margin-bottom:1rem}.quiz span:not(:first-child){font-size:1.25rem}.quiz div{width:100%;gap:2rem;margin-top:1.25rem}.quiz a{width:100%;background-color:var(--secondary-color);border-radius:2rem;font-size:1.5rem;font-weight:bolder;color:var(--primary-color);padding:.5rem 0}.quiz a:hover{background-color:var(--secondary-highlight-color)}.quiz .go-crazy-button{margin-top:1rem;animation:rainbow 2s linear infinite alternate;will-change:filter}