#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;overflow-x:hidden;width:100vw;overflow-y:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@font-face{font-family:Pinyon;src:url(/fonts/PinyonScript-Regular.ttf);font-weight:400;font-style:normal;font-display:block}@font-face{font-family:seasons;src:url(/fonts/theseasonslight.ttf);font-weight:400;font-style:normal;font-display:block}.bg{background-color:#555;border-radius:8px;height:25rem;width:15rem}.center{align-content:center}@font-face{font-family:Pinyon;src:url(/fonts/PinyonScript-Regular.ttf);font-weight:400;font-style:normal;font-display:block}@font-face{font-family:seasons;src:url(/fonts/theseasonslight.ttf);font-weight:400;font-style:normal;font-display:block}.envelope-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0efec}.envelope-page .content{position:relative;width:min(90vw,700px);aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}.title{position:absolute;top:-10%;width:100%;text-align:center;font-family:seasons;color:#656a53;font-size:clamp(1.5rem,3vw,2.5rem);opacity:0;transform:translateY(10px);z-index:1;animation:fadeIn 1s ease forwards;animation-delay:.8s}.from{position:absolute;top:10%;width:100%;text-align:center;font-family:Pinyon;font-size:clamp(1.5rem,4vw,3rem);opacity:0;z-index:3;animation:fadeIn 1s ease forwards;animation-delay:1.2s;scale:1.35}.cta{position:absolute;bottom:-10%;width:100%;text-align:center;font-family:seasons;color:#656a53;font-size:clamp(1rem,2.5vw,1.5rem);opacity:0;scale:1.35;animation:fadeIn 1s ease forwards;animation-delay:1.4s}.envelope-wrapper{position:relative;width:100%;display:flex;justify-content:center;z-index:3}.envelope{width:100%;max-width:600px;z-index:2;transition:transform .6s ease,opacity .6s ease}.seal-hitbox{position:absolute;width:20%;height:30%;bottom:28%;left:50%;transform:translate(-50%);border:none;background:transparent;cursor:pointer;z-index:3}.flower{position:absolute;width:45%;max-width:300px;pointer-events:none;opacity:0}.flower.flower-top{top:-35%;right:-10%;animation:floatIn 1s ease forwards;animation-delay:.5s;z-index:1}.flower.flower-bottom{bottom:-5%;left:-10%;animation:floatIn 1s ease forwards;animation-delay:.5s;z-index:3}.is-opening .title,.is-opening .from,.is-opening .cta{animation:fadeOut .6s ease forwards}.is-opening .envelope{transform:translateY(-20px) scale(.98);opacity:0}.is-opening .flower{animation:flowerExit .6s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}@keyframes floatIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flowerExit{to{transform:translateY(-30px);opacity:0}}@font-face{font-family:Pinyon;src:url(/fonts/PinyonScript-Regular.ttf);font-weight:400;font-style:normal;font-display:block}@font-face{font-family:seasons;src:url(/fonts/theseasonslight.ttf);font-weight:400;font-style:normal;font-display:block}.background-color{background-color:#fff}.page{display:flex;flex-direction:column;align-items:center;background:#f0efec;min-height:100vh;padding-bottom:40px}.scene{position:relative;width:100%;max-width:500px;aspect-ratio:9/16;overflow:visible}.scene img{position:absolute;height:auto;max-width:100%;object-fit:contain}.envelope-open{width:50%;top:0%;left:0%;z-index:1}.vinyl{width:34%;top:30%;left:10%;scale:1.5;z-index:3;transition:transform .3s ease}.vinyl:hover{transform:scale(1.05) rotate(3deg)}.vinyl.playing{animation:spin 4s linear infinite;animation-play-state:running}.vinyl.paused{animation-play-state:paused}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.us-image{width:42%;top:29%;scale:1.4;right:10%;z-index:2}.lillies{width:18%;top:7%;right:28%;z-index:1;scale:1.9;rotate:15deg}.wgm{width:56%;top:52%;left:0%;z-index:10;scale:1.5}.bouqet{width:20%;top:44%;left:2%;scale:1.3;rotate:-8deg;z-index:3}.ring{width:26%;top:60%;right:10%;z-index:12;scale:1.45;rotate:15deg}.save-our-date{width:36%;top:81%;right:5%;scale:1.65;z-index:11}.seal{width:18%;top:125%;right:15%;position:absolute;overflow-x:hidden;z-index:15;scale:1.2}.invites-to-follow{width:90%;max-width:500px;margin-top:15px;margin-right:30%;z-index:2}@media (min-width: 768px){.scene,.invites-to-follow{max-width:700px}}@media (min-width: 1200px){.scene,.invites-to-follow{max-width:900px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}