/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Floating Elements Animation */
.floating-element {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { 
    transform: translateY(0px) rotate(0deg); 
  }
  50% { 
    transform: translateY(-20px) rotate(180deg); 
  }
}

@import url("/assets/family_confirm-a4c3ae91.css");
@import url("/assets/rsvp-ea00977a.css");
@import url("/assets/individual_rsvp-5f6e7412.css");
@import url("/assets/landing-78d0c233.css");
@import url("/assets/events-ccb9e29b.css");