@import"https://fonts.googleapis.com/css?family=Gabriela";@import"https://fonts.cdnfonts.com/css/barbie";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#ffb6c1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#12ee0a}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:5em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e631be;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{position:absolute;top:0;left:0;width:100%;min-height:100vh;background-color:#ffb6c1;color:#333;overflow:hidden}.main-content{position:relative;z-index:2;padding:20px}@media (max-width: 768px){.main-content{padding:10px}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#ffb6c1;text-align:center;padding:10px;position:relative;overflow:hidden}.bubbles{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.bubble{position:absolute;bottom:-100px;background-color:#e0218a4d;border-radius:50%;opacity:0;animation:bubbleAnimation 10s infinite ease-in-out;box-shadow:0 2px 5px #e0218a66}.bubble:before{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),transparent 60%);animation:glitter .5s infinite alternate;opacity:.7}@keyframes glitter{0%{transform:scale(1) rotate(0);opacity:.6}to{transform:scale(1.1) rotate(20deg);opacity:.9}}.bubble:nth-child(odd){animation-duration:12s}@keyframes bubbleAnimation{0%{transform:scale(.5) translate(0) translateY(0);opacity:1}50%{transform:scale(1.2) translate(200px) translateY(-500px);opacity:.8}to{transform:scale(.5) translate(-200px) translateY(-800px);opacity:1}}.home a{display:block;margin:5px 0;text-decoration:none}.home .logo-home{width:400px;height:auto;animation:hearbeat 2s infinite ease-in-out}@keyframes heartbeat{0%{transform:scale(1);opacity:1}25%{transform:scale(1.05);opacity:.95}50%{transform:scale(1.1);opacity:.85}75%{transform:scale(1.05);opacity:.95}to{transform:scale(1);opacity:1}}.home .logo-home:hover{transform:scale(1.1);opacity:.9}.home .logo-roblox{width:230px;height:auto;transition:transform 4s ease,opacity .3s ease,filter .3s ease}.home .logo-roblox:hover{transform:scale(1.5) rotate(180deg);opacity:.9;filter:drop-shadow(0px 0px 12px purple)}div{display:inline;justify-content:center;gap:10px;margin-top:20px}.image-container{display:flex;justify-content:center;align-items:center;gap:2px;margin-top:30px;flex-direction:column}.photo-container{display:flex;justify-content:center;align-items:center;height:auto;background-color:#ffb6c1;margin-top:100px}.photo-card{background-color:#ff69b4;padding:20px;border-radius:10px;box-shadow:0 4px 8px purple;width:80%;max-width:600px;height:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.photo-card>p{line-height:1.2;margin-top:2px;font-weight:700;font-size:24px;font-family:Gabriela,serif}.photo-card>h1{font-family:Gabriela,serif;font-weight:bolder;font-size:40px;line-height:0}button.prev,button.next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;font-size:2em;padding:10px;cursor:progress}.rsvp-container{position:relative;display:flex;justify-content:center;align-items:center;height:auto;min-height:100vh;z-index:2;padding:50px;box-sizing:border-box}.rsvp-card{position:relative;z-index:2;background-color:#ff69b4;padding:20px;border-radius:10px;box-shadow:0 4px 8px purple;max-width:600px;width:90%;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.rsvp-form{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.rsvp-title{font-family:Barbie,sans-serif;font-size:2.5em;margin-top:10px}.rsvp-message{font-size:1.2em;line-height:.1}.rsvp-message2{font-size:1.2em;line-height:.1;font-weight:bolder}.rsvp-input{margin-bottom:10px;padding:12px;font-size:1em;border-radius:50px;border:5px solid #e91e63;width:100%;box-sizing:border-box}.rsvp-checkbox{font-size:1.2em}input[type=checkbox]{width:20px;height:20px}.rsvp-allergy{font-size:1.1em}textarea.rsvp-input{height:80px}button.rsvp-button{background-color:#e91e63;color:#fff;padding:15px;font-size:1.5em;border:none;border-radius:5px;cursor:pointer;margin-top:10px;width:100%;box-sizing:border-box}button.rsvp-button:hover{background-color:purple;color:#fff}label{margin-bottom:8px;font-size:1em;color:#fff}div{margin-bottom:8px}.rsvp-allergy>div:nth-child(2){display:flex;flex-direction:column;align-items:flex-start}.rsvp-allergy>div:nth-child(2)>div{display:flex;flex-direction:column;margin-bottom:5px}.rsvp-allergy>div:nth-child(2)>div label{margin-bottom:5px}.rsvp-allergy>div:nth-child(2)>div input [type=radio]{margin-top:5px}@media (max-width: 768px){.rsvp-container{padding:10px}.rsvp-card{padding:15px}}.about-container{display:flex;justify-content:center;align-items:center;height:auto;background-color:#ffb6c1;margin-top:100px}.about-card{background-color:#ff69b4;padding:20px;border-radius:10px;box-shadow:0 4px 8px purple;width:80%;max-width:600px;height:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-card>p{line-height:1.2;margin-top:2px;font-weight:700;font-size:18px;font-family:Gabriela,serif}.about-card>h1{font-family:Gabriela,serif;font-weight:bolder;font-size:40px;line-height:0}.highlight{color:#e91e63;font-weight:bolder}.photo-slider{position:relative;width:70%;max-width:400px;height:auto;margin-top:5px;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.slider-image{width:100%;height:auto;transition:opacity 1s ease-in-out;-o-object-fit:cover;object-fit:cover;border-radius:10px}button.prev,button.next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;font-size:2em;padding:10px;cursor:pointer;border-radius:50%;z-index:10}button.prev{left:10px}button.next{right:10px}button.prev:hover,button.next:hover{background-color:purple}button:focus{outline:none}h1{font-size:2.5rem;color:#fff;margin-bottom:20px}p{font-size:1.1rem;color:purple;line-height:0;margin-bottom:15px}.highlight{color:red;font-size:2rem}.navbar{font-family:Barbie,cursive;background-color:#e0218a;padding:15px 50px;display:flex;justify-content:space-between;width:100%;top:0;left:0;position:fixed;z-index:1000;box-shadow:0 5px 8px #0000001a;align-items:center;box-sizing:border-box;transition:background-color .3s ease}.navbar.scrolled{background-color:#e0218ae6}.barbie-logo{width:60px;height:auto}.navbar-list{list-style-type:none;margin:0;padding:0;display:flex;gap:50px}.navbar-item{font-size:2.5em;margin-left:5px}.navbar-link{text-decoration:none;color:#fff;font-weight:700;transition:color .3s ease}.navbar-link2{color:#fff;font-family:Times New Roman,Times,serif}.navbar-link:hover,.navbar a:hover{color:purple}.menu-toggle{background:none;border:none;font-size:2em;color:#fff;cursor:pointer;display:none}@media (max-width: 768px){.navbar-list{display:none;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background-color:#e0218a;text-align:center;padding:20px 0}.navbar-list.active{display:flex}.navbar-item{margin:10px 0}.menu-toggle{display:block}.navbar{padding:15px 20px}}.message-wall-container{display:flex;justify-content:center;align-items:center;height:auto;background-color:#ffb6c1;margin-top:100px}.message-wall-card{background-color:#ff69b4;padding:20px;border-radius:10px;box-shadow:0 4px 8px purple;width:95%;max-width:600px;height:auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.message-wall-form{display:flex;flex-direction:column;margin-bottom:20px;width:100%;gap:10px}.message-form{display:flex;flex-direction:column;margin-bottom:10px;width:100%;gap:0px}.message-form>div{width:100%;text-align:center}.message-wall-title{font-family:Barbie,sans-serif;font-size:3em;color:#fff;margin-bottom:0;display:block;width:100%;line-height:1.1}.message-wall-hint{font-size:1.5em;color:purple;line-height:1.3;margin-bottom:20px;display:block;width:100%}.message-input{margin-bottom:10px;padding:10px;font-size:1em;border-radius:5px;border:1px solid #ccc;resize:vertical;width:100%;box-sizing:border-box}.message-wall-button{color:#fff;background-color:#e91e63;padding:10px 15px;font-size:1.4em;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:15px;width:100%;box-sizing:border-box}.message-wall-button:hover{background-color:purple}.message-display-slider{overflow-x:hidden;overflow-y:hidden;width:100%;margin-top:20px;display:flex;flex-direction:column;box-sizing:border-box}.message-slider-track{display:flex;animation:slide 30s linear infinite}@keyframes slide{0%{transform:translate(400%)}to{transform:translate(-400%)}}.message-item{background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;padding:15px;margin:10px 5px;min-width:80%;text-align:center;box-shadow:2px 2px 5px #0000001a;display:flex;justify-content:center;align-items:center;transition:transform .3s ease;opacity:1}.message-item.new{animation:fadeInPop .5s ease;background-color:#fffcdf;border:1px solid gold}.message-item p{font-style:italic;color:#000;margin:0;font-size:1.2em;line-height:1.2;overflow-wrap:break-word}.star-card{background-color:#ffb6c1;color:#333;font-weight:700;box-sizing:border-box}.no-messages{text-align:center;font-style:italic;color:#777}@keyframes fadeInPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 400px){.message-wall-title{font-size:1.8rem}.message-wall-hint{font-size:.9rem}.message-item{font-size:.85rem}}
