#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}.body{display:flex;justify-content:center;align-items:center;height:100vh;position:relative}.mail{z-index:1;position:absolute;color:#656a53;font-family:seasons;bottom:61%;width:140%;font-weight:100;opacity:0;animation:textFadeIn 1.2s ease-out forwards;animation-delay:1.5s}.mail-unclicked{animation:textFadeIn 1.2s ease-out forwards;animation-delay:1.5s}.mail-clicked{animation:textFadeOut 1.2s ease-out forwards;animation-delay:.5s}.from{z-index:1;position:absolute;top:36%;font-family:Pinyon;width:140%;scale:.65;opacity:1;white-space:nowrap}.from-fade-in{animation:textFadeIn 1.2s ease-out forwards;animation-delay:1.5s}.from-fade-out{animation:envelope-click .5s ease-out forwards;animation-delay:.5s}.envelope-unclicked{width:60vw;scale:1.5;display:flex;justify-content:center;align-items:center;height:100vh;z-index:1}.remove{position:absolute;z-index:1;border-radius:360px;bottom:41%;background-color:#fff0;width:20vw;height:9vh;border:none;outline:none;background:transparent}.remove:focus,.remove:active,.remove:focus-visible{outline:none;box-shadow:none;border:none}.flower-1{position:absolute;width:50vw;height:auto;top:20%;left:62%;z-index:0;animation:flowerSlideUp 1.2s ease-out forwards,flowerFloat 3s ease-in-out infinite 1.2s}.flower-1-clicked{position:absolute;width:50vw;height:auto;top:20%;left:62%;z-index:0;animation:flowerClick .5s ease-out forwards}.flower-2{position:absolute;width:50vw;z-index:1;bottom:25%;right:60%;scale:.8;animation:flowerSlideUp 1.2s ease-out forwards,flowerFloat 3s ease-in-out infinite 1.2s}.flower-2-clicked{position:absolute;width:50vw;z-index:1;bottom:25%;right:60%;scale:.8;animation:flower2Click .5s ease-out forwards}.click-to-open{position:absolute;color:#656a53;z-index:1;font-family:seasons;bottom:23.5%;width:140%;opacity:0;white-space:nowrap}.click-to-open-unclicked{animation:textFadeIn 1.2s ease-out forwards;animation-delay:1.5s}.click-to-open-clicked{animation:textFadeOut 1.2s ease-out forwards;animation-delay:.5s}.movement{animation:envelope-click .5s ease-out forwards;animation-delay:.5s}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px) scale(.4)}to{opacity:1;transform:translateY(0) scale(.4)}}@keyframes flowerSlideUp{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flowerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes flowerClick{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes flower2Click{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:-.5}}@keyframes envelope-click{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);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}}