@import url(https://fonts.googleapis.com/css2?family=Allura&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap);body,html{margin:0;padding:0;font-family:'PT Serif',serif;color:wheat;line-height:1.6;height:100%;min-height:100vh;display:flex;flex-direction:column}body{background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center}h1{font-size:7em;text-align:center;margin-top:20%;color:wheat;font-family:Allura,cursive;font-style:italic;font-weight:700}body.home{background-image:url(images/IMG_7196.webp)}.bg-photo{position:absolute;top:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1s ease;z-index:-1}.bg-photo.active{opacity:1}.nav-links{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#251b14;backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);opacity:.8;text-align:center}.nav-links a{color:wheat;text-decoration:none;padding:15px 20px;display:inline-block;font-size:2em}.nav-links a:hover{text-decoration:underline;text-underline-offset:.2em}footer{position:relative;width:100%;background-color:#251b14;color:wheat;text-align:center;padding:10px 0;font-size:1.2em;opacity:.5;margin-top:auto}footer a{color:wheat;text-decoration:none}footer a:hover{text-decoration:underline;text-underline-offset:.2em}h1.subpage{font-size:5em;text-align:center;margin-top:6.5%;color:wheat;font-family:Allura,cursive;font-style:italic;font-weight:700}.content-box{max-width:60%;margin:.5em auto;margin-bottom:5em;padding:2em;background-color:rgba(37,27,20,.8);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:visible;text-align:center}p{font-size:1.2em;line-height:1.6;color:wheat;text-align:center}a{color:wheat;text-decoration:underline;text-underline-offset:.2em}h2.wedding_details{text-decoration:underline;text-underline-offset:.2em}body.wedding_details{background-image:url(images/IMG_7195.webp)}body.rsvp{background-image:url(images/IMG_8238.webp);background-position:center 10%}#rsvp-form{margin:1em auto;padding:1.5em;background-color:#664835;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-family:"PT Serif",serif;width:400px;max-width:90%;justify-self:center;margin:2em auto}#rsvp-form h2{font-size:2em;color:wheat;text-align:center;margin-bottom:1em}#rsvp-form p{font-size:1.1em;color:wheat;text-align:center;margin-bottom:0}#rsvp-form label{display:block;margin-bottom:.5em;color:wheat;font-size:1.1em}#rsvp-form input[type=text],#rsvp-form textarea{width:80%;margin:.5em auto;display:block;padding:10px;border-radius:5px;background-color:wheat;color:#050403;justify-self:center;align-self:center}#rsvp-form input[type=radio]{margin-right:10px}#rsvp-form input[type=radio]+label{margin-right:20px;color:wheat;font-size:1.1em}#rsvp-form button{background-color:#050403;color:wheat;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em}#rsvp-form button:hover{background-color:#251b14;text-decoration:underline;text-underline-offset:.2em;transition:all .3s ease}.radio-form{display:flex;align-items:center;gap:10px;justify-content:center;margin:1em 0}.hidden-form.hidden{display:none}.hidden-form{display:block}body.registry{background-image:url(images/IMG_7158.webp)}h1.registry{font-size:5em;text-align:center;margin-top:11%;margin-bottom:10%;color:wheat;font-family:Allura,cursive;font-style:italic;font-weight:700}#registries.content-box{max-width:90%;margin:.5em auto;padding:2em;background-color:rgba(37,27,20,.8);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:visible;text-align:center}#registries ul{list-style-type:none;padding:0}#registries li{margin:1em 0;font-size:1em;color:wheat}#registries a{color:wheat;text-decoration:underline;text-underline-offset:.2em}#registries a:hover{text-decoration:none;font-size:larger;transition:all .3s ease}@media (max-width:768px){body,html{font-size:14px}h1{font-size:4em;margin-top:75%}h1.subpage{font-size:4em;margin-top:10%}.nav-links a{font-size:1.2em;padding:10px 15px}.content-box{max-width:90%;padding:1em}#rsvp-form{width:100%;padding:1em}footer{font-size:1em}}