:root{--main: #800020;--main-light: #ffe0e0;--secondary: #008060;--secondary-light: #e8fff4;--section: #9fb48c;--title-colour: #ffe0e0;--main-text: #008060;--highlight:#ffd7d7;--highlight-light: #92695c}#app{height:100%;display:flex;flex-direction:column}#app main{flex:1}h1,h2{color:var(--main)}a{color:var(--highlight)}@font-face{font-family:Avenue de Madison;src:local("Avenue de Madison"),url(/assets/Avenue%20de%20Madison-CbuL1Cth.ttf)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--main-text);background:url(/assets/background-1-Bix5996T.jpeg);background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{margin:0}*{box-sizing:border-box}a{font-weight:500}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}a[data-v-8dd38579]{border-radius:15%;color:var(--highlight);padding:10px 15px;text-decoration:none}a[data-v-8dd38579]:hover{text-decoration:underline}.left-nav,.left-nav-shadow{height:100%;width:0;position:absolute}.left-nav{overflow:hidden;padding-top:50px;transition:.25s width;white-space:pre;z-index:1}.left-nav.expanded{width:50%}.left-nav.expanded+.left-nav-shadow{width:100%}.left-nav-shadow{background-color:#000;opacity:.3;transition:.2s width;z-index:0}.top-nav[data-v-70a6b737]{align-items:center;background:#800020;background:linear-gradient(180deg,#800020 95%,#ffe0e0);display:flex;padding:30px 20px;height:15%;box-sizing:border-box;max-height:200px;min-height:150px;transition:height .5s ease;overflow:hidden}.top-nav.expanded[data-v-70a6b737]{height:25%}.top-nav.expanded .top-nav-date[data-v-70a6b737]{opacity:1;max-height:unset}.top-nav:not(.expanded) .top-nav-date[data-v-70a6b737]{opacity:0;max-height:0}.top-nav .top-nav-name[data-v-70a6b737]{align-content:center;margin:0;flex:2;height:50%;font-family:Avenue de Madison;white-space:pre}@media screen and (max-width: 380px){.top-nav .top-nav-name[data-v-70a6b737]{font-size:15vw}}.top-nav .top-nav-date[data-v-70a6b737]{align-content:center;color:var(--main-light);flex:2;transition:max-height .5s ease,opacity .5s ease;overflow:hidden}.top-nav .nav-list[data-v-70a6b737]{align-content:center;flex:1}.top-nav h1[data-v-70a6b737],.top-nav a[data-v-70a6b737]{font-weight:400}.top-nav h2[data-v-70a6b737]{font-weight:400;margin:0}.top-nav a[data-v-70a6b737]{color:var(--highlight-light)}.top-nav .mobile-nav-toggle[data-v-70a6b737]{color:var(--highlight);display:none;position:absolute;top:10px;left:10px;z-index:2}@media screen and (max-width: 520px){.top-nav .nav-list[data-v-70a6b737]{display:none}.top-nav .mobile-nav-toggle[data-v-70a6b737]{background:none;display:block}}nav{background:#800020;display:flex;flex-direction:column}nav h1{color:var(--highlight)}.wedding-countdown{color:var(--main);display:flex;border-radius:10px;font-size:large;font-weight:600;width:50%;margin-bottom:20px;justify-content:space-around;top:10px;position:relative}.wedding-countdown .countdown-item-separator{font-size:50px}@media screen and (max-width: 881px){.wedding-countdown{width:90%}.wedding-countdown .countdown-item{font-size:30px;min-width:75px}.wedding-countdown .countdown-unit{font-size:18px}}@media screen and (max-width: 380px){.wedding-countdown{width:90%}.wedding-countdown .countdown-item{font-size:25px;min-width:50px}.wedding-countdown .countdown-unit{font-size:15px}.wedding-countdown .countdown-item-separator{font-size:40px}}@media screen and (max-width: 270px){.wedding-countdown{width:90%}.wedding-countdown .countdown-item{font-size:20px;min-width:20px}.wedding-countdown .countdown-unit{font-size:10px}}@media screen and (max-height: 325px){.wedding-countdown{display:none}}.countdown-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;padding:5px;font-size:40px;min-width:100px}.countdown-unit{font-size:22px;font-style:italic}.home-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding-top:20px}.home-container .home-image{background-image:url(/assets/IMG-20250713-WA0037-corrected-CF-plGPE.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;width:80%;height:100%}.login-form-container{align-items:flex-start;margin:auto;display:flex;height:100%;padding:20px;width:100%;justify-content:center}.login-form{align-items:center;background-color:var(--main-light);border-radius:20px;box-shadow:var(--main) 1px 1px 3px;color:var(--main);display:flex;flex-direction:column;gap:20px;padding:15px 20px;min-width:fit-content;max-width:500px;width:50%;min-height:fit-content;max-height:300px;height:50%}.login-form h2,.login-form p{margin:0}.login-form .login-form-content{display:flex;flex:1;flex-direction:column;gap:20px}.login-form .login-form-content .login-form-input{display:flex;flex-direction:column;gap:5px}.login-form input{background-color:#fefefe;border-color:#efefef;border-radius:5px;color:#000}.login-form button{background-color:var(--main)}.login-form .error-message{color:red}.section{align-items:center;padding:15px;place-self:center}.section-title{font-size:30px;text-align:center;margin:0 0 10px}@media screen and (max-width: 400px){.section-title{font-size:30px}}.rsvp-container{align-items:center;background-color:var(--main-light);border-radius:10px;color:#000;column-gap:20px;display:grid;grid-template-columns:max-content max-content max-content;justify-items:center;min-height:150px;min-width:150px;padding:20px;row-gap:15px}.rsvp-toggle.going{background-color:var(--secondary)}.rsvp-toggle.not-going{background-color:var(--main)}.rsvp-toggle.undecided{background-color:color-mix(in srgb,var(--main-light),var(--main) 15%);color:var(--main)}h1.q-and-a-header{margin-top:10px}.q-and-a-header{margin:0}.q-and-a{align-items:center;color:var(--main);display:flex;flex-direction:column;gap:20px;text-align:center}.q-and-a .q-and-a-section{background-color:var(--main-light);border-radius:20px;box-shadow:var(--main) 1px 1px 3px;padding:10px}