@charset "UTF-8";

/* Body and Container */
body {
  font-family:Arial,sans-serif;
  background-color:#fff0f5;
  color:#333;
  margin:0 auto;
  padding:20px;
  max-width:900px;
  border:2px solid #ffc0cb;
  border-radius:15px;
}

/* Headings and Typography */
h1,h2 {
  color:#d36caa;
  text-align:center;
}

p {
  font-size:16px;
  color:#555;
  text-align:center;
}

hr {
  border:none;
  border-top:1px dashed #ffc0cb;
  margin:30px 0;
}

/* Welcome Animation */
@keyframes pulseGlow {
  0% {
    text-shadow:0 0 5px #f9c;
  }

  50% {
    text-shadow:0 0 15px #ff69b4,0 0 20px #ff69b4;
  }

  100% {
    text-shadow:0 0 5px #f9c;
  }
}

.animated-title {
  animation:pulseGlow 2s infinite;
}

/* Photo Section */
.photo-section {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:10px;
}

.photo-section img {
  width:300px;
  border-radius:10px;
  border:2px solid #ffc0cb;
}

/* Tip Menu & Tippers */
ul.tip-menu,ul.tippers {
  list-style:none;
  padding-left:0;
  font-size:16px;
}

ul.tippers {
  list-style-type:heart;
  padding-left:20px;
}

/* Floating Social Buttons */
.floating-buttons {
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:1000;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.floating-buttons a {
  text-decoration:none;
}

.floating-buttons button {
  background-color:#ffb6c1;
  border:none;
  color:white;
  padding:10px 15px;
  border-radius:25px;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.15);
  transition:background-color .3s;
}

.floating-buttons button:hover {
  background-color:#ff69b4;
}

/* Footer */
.footer-text {
  text-align:center;
  font-style:italic;
  color:#888;
}