#container{background-color:var(--light-orange);box-shadow:0 0 2svw var(--sand-yellow-dark);border-radius:1svw;flex-direction:column;row-gap:2svw;margin:1svw;padding:2svw;display:flex}#guest-name{font-family:var(--font-tan-giok);margin:0;font-size:3svw}.field-label{font-family:var(--font-cy-grotesk-key);margin:0 0 .5svw;font-size:1svw}.rsvp-input-field{border:1px solid var(--grey);width:calc(100% - 1svw);font-family:var(--font-cy-grotesk-key);background-color:#0000;border-radius:10px;padding:.5svw;font-size:1svw}.rsvp-button-container{flex-direction:row;column-gap:1svw;display:flex}.rsvp-button{background-color:var(--sand-yellow);width:100%;font-family:var(--font-cy-grotesk-key);border:none;border-radius:10px;padding:1svw;font-size:1svw}.rsvp-button:hover{background-color:var(--sand-yellow-dark)}.rsvp-button-selected{background-color:var(--pastel-grey-red)!important}#submit-button{background-color:var(--pastel-grey-red);font-family:var(--font-cy-grotesk-key);border:none;border-radius:1.2svw;padding:.5svw;font-size:1.2svw}#submit-button:hover{background-color:var(--pastel-grey-red-dark)!important}#email-error{color:red;font-size:.8svw;font-family:var(--font-cy-grotesk-key);margin:0}.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}@media screen and (orientation:portrait){#container{row-gap:2.25svh}#guest-name{text-align:center;font-size:3svh}.field-label{margin:0 0 .5svh;font-size:1.5svh}.rsvp-button{padding:1.5svh;font-size:1.5svh}.rsvp-input-field{width:calc(100% - 1.5svh);padding:.75svh;font-size:1.5svh}#submit-button{border-radius:1.5svh;padding:.7svh;font-size:2svh}#email-error{font-size:1.2svh}}.popup-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-modal{background-color:var(--tan-orange);max-width:90svw;max-height:90svh;box-shadow:0 0 2svw var(--shadow);border-radius:1svw;padding:2svw;overflow-y:auto}.popup-header{justify-content:center;align-items:center;display:flex}.popup-header h2{font-size:2svw;font-family:var(--font-tan-giok);margin:0}.popup-content{font-family:var(--font-cy-grotesk-key);text-align:center;color:var(--grey-azure);margin:2svw 0;font-size:1svw}.popup-button{justify-content:center;display:flex}.popup-button button{background-color:var(--pastel-grey-red);border:none;border-radius:.2svw;width:40%;padding:.5svw;font-size:1svw}@media screen and (orientation:portrait){.popup-modal{box-shadow:0 0 2svh var(--shadow);border-radius:1svh;padding:4svh}.popup-header h2{font-size:3svh}.popup-content{margin:3svh 0;font-size:1.8svh}.popup-button button{border-radius:.5svh;width:60%;padding:1svh;font-size:1.5svh}}#rsvp-section{background-color:var(--light-yellow);aspect-ratio:16/9;grid-template-columns:1fr 1fr;place-items:center;display:grid}#left-container{flex-direction:column;padding:4svw;display:flex}#right-container{width:100%}#rsvp-heading{font-family:var(--font-tan-giok);color:var(--grey);margin:0;font-size:4svw}#rsvp-tagline{font-family:var(--font-cy-grotesk-key);color:var(--grey);font-size:1.2svw}#rsvp-photo{width:40svw}@media screen and (orientation:portrait){#rsvp-section{background-color:var(--light-yellow);aspect-ratio:auto;flex-direction:column;place-items:center;padding:0 10%;display:flex}#left-container{align-items:center;width:100%}#right-container{padding-bottom:5%}#rsvp-heading{text-align:center;font-size:3svh}#rsvp-tagline{text-align:center;font-size:1svh}#rsvp-photo{width:80%}}.span-image{width:100%}#middle-image,#footer-image{object-fit:cover;object-position:center;aspect-ratio:16/9;display:block}@media screen and (orientation:portrait){.span-image{width:100svw;height:100svh}#middle-image{display:none}#footer-image{object-position:30% center;height:50svh}}.page-top{width:100%;position:relative}.page-top h1{color:var(--light-yellow);font-family:var(--font-tan-giok);text-align:center;width:100%;text-shadow:0 0 40px var(--black);font-size:10svw;position:absolute;top:0%;left:50%;transform:translate(-50%)}.page-top img{object-fit:cover;object-position:center;aspect-ratio:16/9;display:block}.page-top p{color:var(--light-orange);font-size:2.5svw;font-family:var(--font-courier-prime);text-shadow:0 0 20px var(--black);position:absolute}.page-top #date{text-align:right;margin:0;bottom:5%;right:5%}@media screen and (orientation:portrait){.page-top{object-fit:cover;width:100svw;height:100svh}.page-top img{object-position:20% center}.page-top h1{color:var(--light-yellow);font-family:var(--font-tan-giok);text-align:center;width:100%;text-shadow:0 0 20px var(--black);font-size:20svw;position:absolute;top:0%;left:50%;transform:translate(-50%)}.page-top p{color:var(--grey-azure);font-size:4svw;font-weight:700;font-family:var(--font-courier-prime);text-shadow:0 0 10px var(--light-orange);position:absolute}.page-top #date{text-align:center;width:100%;margin:0;bottom:5%;left:50%;transform:translate(-50%)}}.invitation{aspect-ratio:16/9;background-color:var(--tan-orange);width:100%;position:relative}.envelope{height:75%;position:absolute;top:50%;left:50%;transform:translate(-75%,-50%)}.letter{z-index:1;height:75%;position:absolute;top:50%;left:50%;transform:translateY(-50%)}@media screen and (orientation:portrait){.invitation{aspect-ratio:9/16;width:100svw}.envelope{height:40%;transform:translate(-50%,-100%)}.letter{height:50%;transform:translate(-50%,-15%)}}#events-page{aspect-ratio:16/9;background-color:var(--pastel-grey-red);width:100%;display:flex}#events-left-pane{width:50%;padding:4svw}#events-right-pane{place-content:center;width:50%;display:flex}#events-right-pane img{width:100%}#events-heading{font-family:var(--font-new-icon);color:var(--grey-azure);margin:0;font-size:8svw;font-weight:100}#events-date{font-family:var(--font-cy-grotesk-key);letter-spacing:.3rem;color:var(--grey-azure);margin:0;font-size:2svw}#event-table{width:100%;padding:4svw 0}#event-table td{font-family:var(--font-cy-grotesk-key);color:var(--grey-azure);border-bottom:1px solid var(--grey-azure);width:20svw;height:5svw;padding-left:1svw;font-size:1.5svw}#event-table tr:first-child td{border-top:1px solid var(--grey-azure)}@media screen and (orientation:portrait){#events-page{aspect-ratio:9/16;flex-direction:column}#events-left-pane{width:80%;height:50%;padding:0 10%}#events-heading{text-align:center;padding-top:2svh;font-size:8svh}#events-date{text-align:center;padding-top:2svh;font-size:2svh}#event-table td{width:20svh;height:5svh;padding-left:1svh;font-size:1.5svh}#events-right-pane{justify-content:center;width:100%;height:50%}#events-right-pane img{width:auto;height:100%}}#mass-details-page{aspect-ratio:16/9;background-color:var(--light-yellow);grid-template-columns:50% 50%;width:100%;display:grid}#mass-details-left-panel{flex-direction:column;width:100%;height:100%;display:flex}#mass-details-left-panel img{width:100%;display:block}#mass-details-right-panel{flex-direction:column;justify-content:space-evenly;width:100%;height:100%;display:flex}#mass-details-right-panel h2{font-family:var(--font-tan-giok);color:var(--grey-red);text-align:center;font-size:4svw}#mass-details-right-panel p{font-family:var(--font-cy-grotesk-key);color:var(--grey-red);padding:0 5svw}#mass-details-right-panel .dress-code{margin-bottom:0;font-size:1.8svw}#mass-details-right-panel .info{margin-top:0;font-size:1.6svw}#mass-details-right-panel .address{font-family:var(--font-courier-prime);text-align:center;padding-top:1svw;padding-bottom:3svw;font-size:1.6svw}@media screen and (orientation:portrait){#mass-details-page{aspect-ratio:9/16;aspect-ratio:9/16;grid-template-rows:45% 55%;grid-template-columns:100%}#mass-details-left-panel img{object-fit:cover;height:50%}#mass-details-right-panel h2{margin:0 1svh;font-size:5svh}#mass-details-right-panel p{text-align:center}#mass-details-right-panel .dress-code{font-size:2svh}#mass-details-right-panel .info{font-size:1.8svh}#mass-details-right-panel .address{padding-top:0;font-size:1.8svh}}#dinner-details-page{aspect-ratio:16/9;background-color:var(--pastel-grey-turquoise);grid-template-columns:55% 45%;width:100%;display:grid}#dinner-details-left-panel{flex-direction:column;justify-content:space-evenly;width:100%;height:100%;display:flex}#dinner-details-left-panel h2{font-family:var(--font-tan-giok);color:var(--grey-red);text-align:center;font-size:4svw}#dinner-details-left-panel p{font-family:var(--font-cy-grotesk-key);color:var(--grey-red);padding:0 5svw}#dinner-details-left-panel .dress-code{margin-bottom:0;font-size:1.8svw}#dinner-details-left-panel .info{margin-top:0;font-size:1.6svw}#dinner-details-left-panel .address{font-family:var(--font-courier-prime);text-align:center;padding-top:1svw;padding-bottom:3svw;font-size:1.6svw}#dinner-details-right-panel img{width:100%;height:100%}@media screen and (orientation:portrait){#dinner-details-page{aspect-ratio:9/16;grid-template-rows:50% 50%;grid-template-columns:100%}#dinner-details-right-panel{grid-row:1;min-height:0;overflow:hidden}#dinner-details-right-panel img{object-fit:cover;object-position:center 50%;display:block}#dinner-details-left-panel{grid-row:2}#dinner-details-left-panel h2{margin:0 1svh;font-size:5svh}#dinner-details-left-panel p{text-align:center}#dinner-details-left-panel .dress-code{font-size:2svh}#dinner-details-left-panel .info{font-size:1.8svh}#dinner-details-left-panel .address{padding-top:0;font-size:1.8svh}}#background-image{object-fit:cover;object-position:center;z-index:-1;width:100vw;height:100dvh;position:fixed;inset:0}#page-canvas{justify-content:center;width:100vw;height:100dvh;display:flex}#login-fields-container{flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;width:40%;height:100%;display:flex}#name-input-container{flex-flow:wrap;justify-content:space-between;gap:1rem;width:100%;display:flex}.name-input{color:#575048;text-align:center;appearance:none;box-sizing:border-box;width:100%;font-family:var(--font-tan-giok);background-color:#e0dcd77a;border:3px solid #575048;border-radius:100px;outline:none;flex:150px;padding:1rem;font-size:1.5rem}#login-button{appearance:none;width:100%;font-family:var(--font-tan-giok);background-color:#c6d2acbe;border:3px solid #575048;border-radius:100px;padding:1rem;font-size:1.5rem}#login-button:hover{background-color:#d7e0c3e8}@media screen and (orientation:portrait){#login-fields-container{width:50%}.name-input,#login-button{padding:4svw;font-size:4svw}}#inspect-content{--border:#db9bae;--page:#fcf0f3;--background:#faf1f3;--background-alt:#f8ebee;--header:#f1d5d9;--select:#fff;--focused:#f0f7ff;--color:#4a3e41;--hover:#ebcbd4;--accent:#ffcfdc;--shadow:#727272;--font-size:1svw;background-color:var(--background);justify-content:center;align-items:start;width:100svw;min-height:100svh;padding:2.5% 0;display:flex}table{background-color:var(--background);width:90%;color:var(--color);font-family:var(--font-courier-prime);font-size:var(--font-size);border:2px solid var(--border);border-collapse:separate;border-spacing:0;text-align:left;box-shadow:0 0 20px var(--shadow);border-radius:1svw;overflow:hidden}table thead{background-color:var(--header)}table thead tr th:not(:last-child){height:4svw;padding:0 1.5svw}table thead input[type=text]{width:100%;font-family:var(--font-courier-prime);font-size:var(--font-size);background-color:var(--background);border:2px solid var(--border);color:var(--color);cursor:pointer;border-radius:6px;padding:1svw}table thead input[type=text]:hover{background-color:var(--hover)!important}table thead input[type=text]:focus-visible{background-color:var(--select);outline:2px solid var(--accent)}table tbody{margin:1px}table tbody tr{background-color:var(--background)}table tbody tr:nth-child(odd){background-color:var(--background-alt)}table tbody input[type=text]{font-family:var(--font-courier-prime);font-size:var(--font-size);color:var(--color);cursor:pointer;background-color:#0000;border:0;padding:1svw 1.5svw}table tbody input[type=text]:hover{background-color:var(--hover)!important}table tbody input[type=text]:focus-visible{background-color:var(--select);outline:2px solid var(--accent)}table tbody input[type=checkbox]{appearance:none;border:2px solid var(--border);cursor:pointer;background-color:var(--background);border-radius:5px;width:1.5svw;height:1.5svw}table tbody input[type=checkbox]:checked{background-color:var(--border)}.centered{text-align:center;vertical-align:middle}.hidden{display:none}.table-button{width:100%;height:3svw;font-family:var(--font-courier-prime);font-size:var(--font-size);color:var(--color);cursor:pointer;background-color:#0000;border:0;border-radius:5px}.table-button:hover{background-color:var(--hover)!important}@font-face{font-family:TAN-GIOK;src:url(/fonts/TAN-GIOK.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Courier Prime;src:url(/fonts/CourierPrime-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cy Grotesk Key;src:url(/fonts/CyGrotesk-KeyRegular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:New Icon;src:url(/fonts/New-Icon-Serif.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--black:#000;--grey-azure:#435563;--grey:#626770;--grey-red:#726264;--tan-orange:#e2dcd8;--light-grey:#e1e1e1;--light-orange:#f5edd9;--light-yellow:#eae4cc;--sand-yellow:#e1daca;--sand-yellow-dark:#d6d0c0;--pastel-grey-red:#c1a6aa;--pastel-grey-red-dark:#b1979b;--pastel-grey-turquoise:#aecbc7;--font-tan-giok:"TAN-GIOK", Georgia, serif;--font-courier-prime:"Courier Prime", Courier, serif;--font-cy-grotesk-key:"Cy Grotesk Key", Courier, serif;--font-new-icon:"New Icon", serif}html,body{margin:0}button,a.button{color:var(--black)!important}a.button:link,a.button:visited,a.button:hover,a.button:active{color:var(--black)}