@charset "UTF-8";

body {
  background:url(https://images.pexels.com/photos/73873/star-clusters-rosette-nebula-star-galaxies-73873.jpeg) no-repeat center center fixed;
  background-size:cover;
  font-family:"Segoe UI",sans-serif;
  color:#fff;
  margin:0;
  padding:0;
  overflow-x:hidden;
  animation:zoom-bg 20s ease-in-out infinite alternate;
}

@keyframes zoom-bg {
  0% {
    background-size:105%;
  }

  100% {
    background-size:115%;
  }
}

.sexy-profile-container {
  background:rgba(0,0,0,0.75);
  max-width:750px;
  margin:60px auto;
  padding:40px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 0 40px rgba(255,105,180,0.4);
  position:relative;
  z-index:1;
  animation:fade-in 1.5s ease-in-out;
}

/* HEADLINE GLOW */
.animated-title {
  font-size:42px;
  color:#ffaad4;
  text-shadow:0 0 10px #ff69b4,0 0 20px #ff69b4;
  animation:glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow:0 0 5px #ff69b4,0 0 10px #ff69b4;
  }

  to {
    text-shadow:0 0 15px #ff69b4,0 0 30px #ff69b4;
  }
}

.subtagline {
  font-size:16px;
  color:#ffddee;
  margin-top:5px;
  font-style:italic;
}

h2 {
  color:#ffc0cb;
  border-bottom:2px solid #ffb6c1;
  display:inline-block;
  margin-bottom:10px;
  padding-bottom:5px;
}

/* Fade + Slide Animations */
.fade-in {
  animation:fade-in 1.2s ease-in forwards;
}

.slide-in {
  animation:slide-in 1.2s ease-out forwards;
}

@keyframes fade-in {
  from {
    opacity:0;
    transform:translateY(10px);
  }

  to {
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes slide-in {
  from {
    opacity:0;
    transform:translateX(-30px);
  }

  to {
    opacity:1;
    transform:translateX(0);
  }
}

/* Tipmenu + Rules */
.tipmenu ul,.rules ul {
  list-style:none;
  padding-left:0;
  line-height:1.8;
  font-size:16px;
}

/* Button Glow */
.mfc-button {
  margin-top:50px;
}

.mfc-button a {
  background:linear-gradient(45deg,#ff66b2,#ffccff);
  padding:14px 36px;
  border-radius:30px;
  color:#000;
  font-weight:bold;
  font-size:18px;
  text-decoration:none;
  box-shadow:0 0 20px #ffb6c1;
  transition:.3s ease;
  display:inline-block;
}

.mfc-button a:hover {
  background:linear-gradient(45deg,#ff3385,#ffe6f0);
  box-shadow:0 0 30px #ffc0cb;
}

.pulse a {
  animation:pulse-button 2s infinite;
}

@keyframes pulse-button {
  0% {
    transform:scale(1);
    box-shadow:0 0 10px #ff69b4;
  }

  50% {
    transform:scale(1.05);
    box-shadow:0 0 20px #ff69b4;
  }

  100% {
    transform:scale(1);
    box-shadow:0 0 10px #ff69b4;
  }
}