@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Shadows+Into+Light&display=swap";#root{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100dvw;max-width:1280px;height:100dvh;margin:0 auto;padding:2rem;text-align:center;overlay:hidden}.content{position:relative;z-index:2}.envelope-container{position:absolute;z-index:10;top:3%;left:0%;transform:scale(.8) rotate(-5deg);display:flex;place-items:center;justify-content:center;color:#13293d;transition:transform .25s}.envelope-container:hover{transform:scale(.85) rotate(-5deg) translate(5%,30%)}.envelope-container:hover .letter{transform:rotate(16deg) scale(1.05) translate(-10%,-20%)}.envelope-container:hover .envelope{transform:rotate(10deg) scale(1.05) translate(-10%,60%)}.envelope{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1.6 / 1;width:30rem;max-width:80vw;color:#fff;background-color:#d5715b;border-radius:.25rem;box-shadow:0 0 1rem #0000001a;transition:inherit}.stamp{--r: 2px;position:absolute;top:5%;right:5%;width:15%;max-width:4rem;padding:calc(2 * var(--r));background:radial-gradient(var(--r),#0000 98%,#fff) round calc(-1.5 * var(--r)) calc(-1.5 * var(--r)) / calc(3 * var(--r)) calc(3 * var(--r)),linear-gradient(#fff 0,#fff 0) no-repeat 50% / calc(100% - 3 * var(--r)) calc(100% - 3 * var(--r));filter:grayscale(.4) drop-shadow(0 0 1px #0005)}.envelope-container .letter{position:absolute;z-index:1;transform:rotate(90deg);overflow:hidden;display:flex;box-sizing:border-box;aspect-ratio:1 / 1.6;width:18rem;max-width:50vw;height:28rem;max-height:80vw;padding:2rem;font-size:1rem;text-align:left;background-color:#fff;border-radius:.25rem;box-shadow:0 0 1rem #0000001a;transition:inherit}.address{margin-top:2rem}@media (max-width: 50rem){.envelope-container{top:-2%}.envelope-container .address{font-size:.8em}}.photo-stack{position:absolute;right:20%;bottom:20%;display:flex;align-items:center;justify-content:center}.photo-stack:hover .photo-1{transform:translate(-120%,-1%) rotate(-10deg)}.photo-stack:hover .photo-2{transform:translate(-50%,-5%) rotate(2deg)}.photo-stack:hover .photo-3{transform:translate(35%,1%) rotate(10deg)}.photo{position:absolute;width:15rem;max-width:40vw;border:.5rem solid #fff;box-shadow:0 0 1rem #0000001a;transition:transform .25s}.photo.photo-1{transform:rotate(10deg) translate(-1%,-1%)}.photo.photo-2{transform:rotate(-10deg) translate(1%,1%)}.photo.photo-3{transform:rotate(1deg) translate(-2%,-2%)}@media (max-width: 50rem){.photo-stack{bottom:12%}}.stat-block{position:absolute;top:10%;right:4%;transform:rotate(6deg);display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:22rem;padding:2rem;background-color:#f4f4f4;border-radius:1rem}.stat-block:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;opacity:.5;border:.25rem solid #d5715b;border-radius:.5rem}@media (max-width: 50rem){.stat-block{top:20%;right:-15%;scale:.7}}.guestbook{--guestbook-width: 20rem;--guestbook-height: 25rem;position:absolute;z-index:100;transform:translate(-40%,70%) rotate(3deg) scale(.8);width:calc(var(--guestbook-width) * 2);height:var(--guestbook-height);transition:transform .25s}.guestbook.open{bottom:auto;left:auto;transform:rotate(1deg) scale(1)}@media (max-width: 50rem){.guestbook.open{transform:rotate(4deg) scale(.6)}}.guestbook .cover.page-content{display:flex;align-items:center;justify-content:center;padding-bottom:4rem;color:#fff3f3;background:#6b392e}@media (max-width: 50rem){.guestbook{transform:translate(-30%,80%) rotate(3deg) scale(.5)}}.overlay{position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;background:#00000080}.message-form{display:flex;flex-direction:column;gap:1rem;height:100%}.message-form textarea{resize:none;flex-grow:2;width:100%;height:100%;margin:0;padding:1rem;font-family:Shadows Into Light,Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:400;color:#6b392e;background:transparent;border:1px solid #eab8ad;border-radius:.25rem}.message-form button{padding:.2rem;color:#6b392e;background-color:#eab8ad}.page-container{pointer-events:none;position:absolute;transform-origin:0 0;overflow:hidden;width:calc(var(--guestbook-height) * 2);height:calc(var(--guestbook-height) * 2);transition:transform .4s}.page-container.flipped .page-content,.page-container.flipped+.page-container .page-content{box-shadow:0 0 1rem #0003}.page-content{pointer-events:auto;position:absolute;z-index:10;transform-origin:0 0;width:var(--guestbook-width);height:var(--guestbook-height);padding:1rem;font-family:Shadows Into Light,Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:400;text-align:left;background:#fff3f3;transition:transform .4s}.page-container:nth-child(2n){transform:translate(-30rem) rotate(0)}.page-container:nth-child(2n)>.page-content{transform:rotate(0) translate(50rem)}.page-container:nth-child(odd){transform:translate(-30rem) rotate(0)}.page-container:nth-child(odd)>.page-content{transform:rotate(0) translate(30rem);border-right:1px solid #eab8ad}.flipped~.page-container:nth-child(2n){transform:translate(-11.66rem,11.66rem) rotate(-32deg)}.flipped~.page-container:nth-child(2n)>.page-content{transform:rotate(32deg) translate(calc(var(--guestbook-width) + 11.66rem),-11.66rem)}.flipped~.page-container:nth-child(odd){transform:translate(-11.66rem,11.66rem) rotate(-32deg)}.flipped~.page-container:nth-child(odd)>.page-content{transform:rotate(-32deg) translate(33rem,41.33rem)}:root{font-family:Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:#320032de;text-rendering:optimizeLegibility;color-scheme:light dark;background-image:url(/images/background.webp);background-repeat:no-repeat;background-position:center;background-size:cover;font-synthesis:none}a{font-weight:500;color:#a05544;text-decoration:inherit;opacity:.8;transition:opacity .25s}a:hover{opacity:1}body{overflow:hidden;display:flex;place-items:center;min-width:320px;max-width:100vw;min-height:100vh;max-height:100vh;margin:0}*{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}.handwriting{font-family:Shadows Into Light,Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.25em;font-weight:400}button{cursor:pointer;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;background-color:#1a1a1a;border:1px solid transparent;border-radius:8px;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.row{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}