body{background-color:beige;color:#333;font-family:"Roboto", sans-serif;padding:20px;margin:0}h1{color:#c00;font-size:3.5em;font-family:"Bangers", cursive;text-shadow:-1px -1px 0 #0047ab,1px -1px 0 #0047ab,-1px 1px 0 #0047ab,1px 1px 0 #0047ab;margin-top:0;text-align:center}h2{color:#c00;font-family:"Bangers", cursive;text-shadow:-1px -1px 0 #0047ab,1px -1px 0 #0047ab,-1px 1px 0 #0047ab,1px 1px 0 #0047ab;margin-bottom:20px;text-align:center}p{color:#333;font-size:1.2em;text-align:center}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;text-align:center;padding:50px 20px;margin-bottom:150px}.hero p{color:#333;font-size:1.2em;margin:20px 20px}h1{background-color:rgba(0,0,0,0.6);padding:20px;border-radius:10px}@media screen and (max-width: 768px){.hero{background-size:contain;background-position:top calc(20%)}}@media screen and (max-width: 480px){.hero{background-size:cover;background-position:center 100%}}ul{list-style-type:none;padding-left:0;text-align:center}li{color:#0047ab;font-size:1.2em;margin:5px 0}.button{display:inline-block;background-color:#0047ab;color:white;padding:10px 20px;border-radius:5px;text-decoration:none;font-size:1.2em;text-align:center;margin:auto;margin-top:20px;transition:background-color 0.3s ease}.button:hover{background-color:#ff1493}.invitation,.rsvp,.gallery{margin:40px auto;padding:20px;border:2px solid #0047ab;border-radius:10px;background-color:white;max-width:800px;box-sizing:border-box;text-align:center}@media screen and (max-width: 768px){h1{font-size:2em}h2{font-size:1.5em}p,li{font-size:1.1em}.button{font-size:1em;padding:8px 16px}.invitation,.rsvp,.gallery{margin:20px auto;padding:15px}}@media screen and (max-width: 480px){h1{font-size:1.8em}h2{font-size:1.3em}p,li{font-size:1em}.button{font-size:0.9em;padding:6px 12px}.invitation,.rsvp,.gallery{margin:15px auto;padding:10px}}.language-switcher{position:fixed;right:0;z-index:2}.language-switcher ul{list-style:none;text-align:right;margin:0;padding:20px;display:flex}.language-switcher li{margin:0 10px}.hero a{color:#0047ab}.language-switcher a{color:white;text-decoration:none}.language-switcher a.active{font-weight:bold;text-decoration:underline}@keyframes fadeInParagraphs{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.hero p,.invitation,.rsvp{animation:fadeInParagraphs 1.5s ease-out forwards;opacity:0;transform:translateY(20px);transition:all 0.5s ease-out}@media screen and (max-width: 768px){.hero p,.invitation,.rsvp{animation:fadeInParagraphs 1s ease-out forwards}}body.page-loaded .hero p,body.page-loaded .invitation,body.page-loaded .rsvp{opacity:1;transform:translateY(0);animation:fadeInParagraphs 1.2s ease-out forwards}
