:root{color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{--invite-font-color: #5d256d;--invite-backgrnd-clr: hsl(40, 60%, 98%);font-family:Libertinus Mono,monospace;font-size:20px;margin:0;display:flex;min-width:100vw;color:var(--invite-font-color);background-color:#e6e6e6}main,.home-screen{min-height:100vh;background:url(/assets/placeholder-BaRMgcQp.png);background-repeat:no-repeat;background-size:cover;background-position:top;position:relative}h1{font-family:windsong,cursive;background-color:#e6e6e6;width:100%;margin:0 auto 10px;padding-block:10px;font-size:clamp(1.5rem,2vw + .4rem,2rem)}#root{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:space-between}a{font-weight:500;color:var(--invite-font-color);text-decoration:none}a:hover{color:#535bf2}image{width:100%}.home-screen .show-invite-btn{position:fixed;top:90vh;left:50%;transform:translate(-50%)}.invite{display:flex;flex-direction:column;margin-top:10px;margin-inline:auto;background-color:var(--invite-backgrnd-clr);padding:0 20px 40px;justify-content:space-between;position:relative}.invite *{width:100%}.names{font-family:Windsong,cursive;font-size:clamp(1.05rem,calc(2vw + .8rem),2.5rem);font-weight:700;width:100%;padding-bottom:5px;aspect-ratio:1;margin-inline:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/InviteBackground-KyJm3Hxi.png);background-position:center;background-size:100%;background-repeat:no-repeat}.invite .guest-address{width:100%}.invite .guest-address .guest-name-text{font-family:WindSong,cursive;font-size:clamp(1.3rem,2vw + .4rem,1.5rem);font-weight:550;line-height:1.5;letter-spacing:.1ch}.invite p.date-location-text{font-family:Libertinus Mono,monospace;font-size:clamp(1rem,1.5vw + .4rem,1.5rem);text-transform:uppercase;text-align:center;line-height:1.5;letter-spacing:.5ch}.invite .guest-address p{margin-bottom:1rem;padding:0;font-size:clamp(1rem,1vw + .4rem,1.5rem)}button,input[type=submit],input[type=option],.button-link{border-radius:8px;border:1px solid var(--invite-font-color);padding:5px 10px;font-size:clamp(1rem,.5vw + .4rem,1.5rem);color:#fff;font-weight:500;font-family:inherit;background-color:#e6e6e6;color:var(--invite-font-color);cursor:pointer;transition:border-color .25s}button:hover,input[type=submit]:hover{border-color:#646cff;color:#535bf2}button:focus,button:focus-visible,input[type=submit]:focus,input[type=submit]:focus-visible{outline:4px auto -webkit-focus-ring-color;color:#535bf2}.button-link{width:100%}.show-invite-btn{width:50%;background-color:#0c06044d;border:2px solid #ffffff;color:#fff;font-size:clamp(1.2rem,1vw + .8rem,2rem);font-weight:900}.show-invite-btn:hover,.show-invite-btn:focus,da .show-invite-btn:focus-visible,.show-invite-btn:hover+a,.show-invite-btn:focus+a,.show-invite-btn:focus-visible+a{color:#f8a735;border-color:#f8a735}.modal{background-color:var(--invite-backgrnd-clr);border-radius:5px;width:clamp(300px,60%,700px);margin-inline:auto;padding-bottom:clamp(100px,20%,200px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2vh;padding-inline:12%;gap:10px;background-image:url(/assets/RSVPBackground-Ch-7tVCD.png);background-size:80%;background-position:bottom;background-repeat:no-repeat}.modal-wrapper{margin-top:1vh;background-color:var(--invite-backgrnd-clr);box-shadow:5px 5px 15px;border-radius:5px;width:clamp(325px,60%,700px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}nav{display:flex;gap:1rem;width:fit-content;margin-inline:auto;align-self:flex-end;padding:1rem}.modal-link{text-align:right;font-size:.8rem;font-family:sans-serif}.modal>p{font-size:1.1rem;margin:.5rem}.view-details:hover,.view-details:focus,.view-details:focus-visible{color:#535bf2}.invite-details{width:100%;margin:2vh auto}.modal.invite-details>a{width:100%;padding-top:1rem;padding-bottom:15%}.modal.invite-details button{width:50%}.view-details-link{text-align:center;cursor:pointer;padding-bottom:10px;font-size:1rem;padding-block:1rem}.details-important{font-weight:900;font-size:1.2rem;padding:1px 5px;border-radius:3px;background-color:#e6e6e6}.rsvp-form,.rsvp-success{position:relative;display:flex;flex-direction:column;padding-inline:clamp(0px,5vw,10px)}.rsvp-form .modal-link,.rsvp-success .modal-link{position:absolute;align-self:flex-end;top:0;right:0;padding:1rem}input[type=submit],select#invitees{margin-top:10px;color:var(--invite-font-color);background-color:var(--invite-backgrnd-clr);width:max-content;margin-inline:auto;text-align:center;text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center}option{text-align:center}select#invitees *{color:var(--invite-font-color)}.invite-details hr,.rsvp-form hr{width:90%;border:1px solid var(--invite-font-color);margin-inline:auto}.invite-details hr{width:30%}.active{color:green}@media(orientation:landscape){main,.home-screen{background-size:70%}nav{margin:0}}@media not (min-width:1024px){.guest-address{padding-bottom:2rem}.home-screen .show-invite-btn{top:80vh}}