@import "https://fonts.googleapis.com/css2?family=Pirata+One&display=swap";:root{--main-font:"Pirata One"}html,body,#root,.app{width:100%;height:100%}body{font-family:var(--main-font);background-image:linear-gradient(45deg,#f8d8e3 25%,#0000 25% 75%,#f8d8e3 75%,#f8d8e3),linear-gradient(45deg,#f8d8e3 25%,#0000 25% 75%,#f8d8e3 75%,#f8d8e3);background-position:0 0,40px 40px;background-size:80px 80px;margin:0}p{font-size:1.4rem}h1{font-family:var(--main-font);margin:0;font-size:8rem;font-weight:400}@media (width<=768px){h1{font-size:6rem}p{font-size:1.3rem}}@media (width<=480px){h1{font-size:4rem}p{font-size:1.25rem}}h2{font-family:var(--main-font);text-align:center;margin-top:0;margin-bottom:2rem;font-size:5rem;font-weight:400}h4{font-family:var(--main-font);font-size:3rem;font-weight:700}.alt-font{font-family:var(--main-font)}ul{margin-top:1rem;margin-bottom:0;padding:0;font-size:1.25rem;list-style-type:none}button{font-family:var(--main-font);cursor:pointer;border-radius:5px;padding:.75rem 1rem;font-size:1.25rem;transition:background-color .3s,color .3s}input{font-size:16px;font-family:var(--main-font)}.navbar{z-index:30;width:100%;box-shadow:none;background-color:#f8d8e3;justify-content:center;padding:10px 0;display:flex;position:fixed;top:0}@media (width<=600px){.navbar{box-shadow:none;background:0 0;padding:0}.navbar-container{justify-content:flex-end;width:100%;padding:16px}.menu-button{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffc0cb2e;width:48px;height:48px;padding:10px;transition:background .3s;box-shadow:0 2px 10px #0000001a;border-radius:50%!important}.menu-button:hover{background:#ffffff80}.menu-icon{width:30px;height:30px;color:#4f562c!important}}.navbar-container{justify-content:space-between;align-items:center;width:83.3333%;display:flex}.nav-links{gap:30px;font-size:1rem;display:flex}.menu-button-container{justify-content:flex-end;display:flex}.menu-button{cursor:pointer;background:#ffc0cb59;border:none;border-radius:50%;padding:8px!important}.menu-button:hover .menu-icon{color:#000}.menu-icon{color:#000;width:30px;height:30px}.mobile-menu{z-index:120;background-color:#f8d8e3;width:100vw;height:100vh;position:fixed;bottom:0;left:0;box-shadow:-4px 0 10px #0000001a}.close-button-container{justify-content:flex-end;padding:20px;display:flex}.close-button-container>button{background-color:#0000;border:none;padding:0!important}.close-icon{color:#000;cursor:pointer;width:36px;height:36px}@media (width>=1024px){.close-icon{width:40px;height:40px}}.mobile-menu{z-index:120;background-color:#f8d8e3;width:100vw;height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-items{flex-direction:column;gap:10px;margin-left:10%;font-size:24px;display:flex}@media (width<=480px){.mobile-menu-items{margin-left:40px}}@media (width>=768px){.mobile-menu-items{font-size:2rem}}.nav-link{color:#000;text-decoration:none;transition:color .5s}.nav-link:hover,.nav-link.active{color:#f36}.home-section{padding:10px 0;padding-top:env(safe-area-inset-top);background-size:cover;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.home-container{justify-content:center;align-items:center;width:100%;padding:0 4rem;display:flex}.home-header{text-align:center;z-index:10;margin-top:40px;position:relative}.home-text{color:#000}.subheading{margin-bottom:.5rem;font-size:1.5rem}@media (width>=768px){.subheading{font-size:2rem}.main-heading{font-size:3.5rem}}.home-button-container{margin-top:20px}.rsvp-button{color:#fff;background-color:#f36;border-radius:5px;padding:.75rem 1rem;font-size:18px;text-decoration:none;transition:background-color .3s ease-in-out}.rsvp-button:hover{background-color:#d01a54}.cherub-right{z-index:0;width:auto;height:auto;max-height:40vh;position:absolute;top:4rem;right:3rem;transform:scaleX(-1)rotate(45deg)}@media (width<=1100px){.cherub-right{max-height:40vh;top:3rem;right:2rem}}@media (width<=768px){.cherub-right{max-height:30vh}}@media (width<=480px){.cherub-right{max-height:25vh;top:6rem;right:2rem}}.details-section{background-color:#f36;width:100%;padding:4rem 0;position:relative;overflow-x:hidden}.details-container{flex-direction:column;gap:20px;max-width:85%;margin:0 auto;display:flex}.details-content{text-align:center;width:80%;margin:0 auto}.details-date,.details-location{margin-top:10px;font-size:24px}.details-subheading{margin-top:20px;font-size:22px;font-weight:700;text-decoration:underline}.details-detail{margin-top:10px;font-size:20px}.details-note{margin-top:30px;font-size:18px;font-style:italic}.details-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:20px;display:grid}.gallery-item{text-align:center;margin-bottom:10px}.gallery-item img{object-fit:cover;border-radius:10px;width:100%;height:250px;max-height:250px;box-shadow:2px 2px 10px #0003}@media (width<=1005px){.gallery-item:last-child{display:none}}.frame{pointer-events:none;z-index:1;width:100%;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-header{text-align:center;z-index:2;position:relative}.story{background-color:#bddff0}.story-section{width:83.33%;min-height:100vh;margin:0 auto;padding:4rem 0;overflow-x:hidden}.story-content{text-align:left}@media (width>=768px){.story-title{font-size:4rem}}.story-container{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}@media (width>=768px){.story-container{flex-direction:row;gap:2rem}}.story-text{font-size:1rem;line-height:1.6}@media (width>=768px){.story-text{font-size:1.1rem}}.story-image{justify-content:center;display:flex}.cruise-image{border-radius:8px;max-width:100%;height:auto}.faq-section{min-height:85vh;padding:4rem 2rem}.faq-container{max-width:800px;margin:0 auto}.faq-title{margin-bottom:2rem}.faq-header{justify-content:space-between;align-items:center;display:flex}.faq-header-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.faq-description{color:#666;max-width:700px;line-height:1.5}.faq-image{width:100%;max-width:250px}.faq-content{flex-direction:column;gap:1.5rem;display:flex}.faq-item{cursor:pointer;background:#f9f9f9;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px #0000001a}.faq-question{color:#444;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.faq-icon{width:1.5rem;height:1.5rem}.faq-answer{color:#555;margin-top:2rem;margin-bottom:0;margin-left:1rem;font-size:1.4rem}@media (width<=768px){.faq-answer{font-size:1.3rem}}@media (width<=480px){.faq-answer{font-size:1.25rem}}.faq-link{color:#d01a54;text-decoration:none}.faq-link:hover{text-decoration:underline}.icon{width:1.5rem;height:1.5rem}h3{margin:0 1rem}.email-link{color:#d01a54;text-decoration:none}.chevron-icon{align-items:center;width:1.25em;height:1.25em;margin-left:auto;font-size:1.25rem;display:flex}.footer{background-color:#f8d8e3;padding:.5rem 0;overflow-x:hidden}.footer-container{flex-direction:column;align-items:center;gap:16px;width:83.3333%;margin:0 auto;display:flex}.footer-text{color:#000;font-size:1rem!important}@media (width>=768px){.footer-container{flex-direction:row;justify-content:space-between}.footer-text{font-size:.875rem!important}}.registry-section{width:100%;height:100%;min-height:85vh;padding:4rem 0;overflow-x:hidden}.registry-container{width:83.3333%;margin:0 auto}.registry-content{text-align:center;flex-direction:column;display:flex}@media (width>=768px){.registry-content{text-align:left;flex-direction:row}.registry-title{text-align:left;font-size:4rem}}@media (width>=640px){.registry-title{text-align:center;font-size:3rem}}.registry-text{padding-top:20px;padding-bottom:20px;font-size:20px}@media (width>=768px){.registry-text{font-size:17px}}@media (width>=1024px){.registry-text{font-size:20px}}.registry-button{color:#fff;background-color:#f36;border-radius:6px;padding:10px 40px;font-size:18px;text-decoration:none;transition:background-color .5s,color .5s;display:inline-block}.registry-button:hover{color:#fff;background-color:#d01a54}.registry-image-container{justify-content:center;display:flex}.registry-image{object-fit:cover;width:350px;height:auto;margin-top:30px}@media (width>=768px){.registry-image{width:375px;height:375px;margin-left:75px}}button{color:#fff;background-color:#f36;border:none}.rsvp-section{text-align:center;background-color:#f8d8e3;min-height:100vh;margin:0 auto;padding:4rem 0;position:relative;overflow-x:hidden}.rsvp-body{text-align:center;background-color:#f8d8e3;max-width:832px;margin:0 auto;overflow-x:hidden}.rsvp-title{padding-bottom:1rem;margin-bottom:.5rem!important}.rsvp-footer{z-index:100;background-color:#f8d8e3;width:100vw;height:10rem;position:absolute;bottom:0}.entry-section{justify-content:center;align-items:center;height:100vh;padding:0 2rem;display:flex}.entry-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.entry-heading{text-align:center}.form{flex-direction:column;align-items:center;display:flex}.icon{color:#4f562c;width:24px;height:24px}.input{border:1px solid #ccc;width:100%;padding:.5rem}.error-message{color:red}.input-container{border:1px solid #ccc;border-radius:4px;display:flex;overflow:hidden}.input:disabled{color:#888;background-color:#f2f2f2}.input{border:none;outline:none;flex:1;padding:.5rem}.submit-button{color:#000;cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex;background-color:#fff!important;border-radius:0!important}.submit-button:hover .icon{color:#000}:is(.submit-button:disabled:hover,.submit-button:disabled:focus) .icon{color:#4f562c;cursor:not-allowed}.submit-button:disabled{color:#000;cursor:not-allowed;background-color:#f2f2f2!important}.error-container{height:24px}