@charset "UTF-8";

body {
  font-family:'Comic Sans MS',cursive,sans-serif;
  background:url(https://img.freepik.com/free-vector/watercolor-sugar-cotton-clouds-background_52683-80661.jpg) no-repeat center center fixed;
  background-size:cover;
  color:#444;
  margin:0;
  padding:0;
  text-align:center;
}

.header {
  background-color:rgba(255,228,235,0.9);
/* Light pastel pink */
  padding:20px;
  border-radius:15px;
  margin:20px auto;
  max-width:90%;
  box-shadow:0 0 10px rgba(255,182,193,0.5);
/* Light pink shadow */
  animation:fade-in 2s ease-in;
  color:#FF69B4;
/* Hot pink text */
}

@keyframes fade-in {
  from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}

.section {
  background:rgba(255,240,245,0.4);
/* Increased translucency with alpha 0.4 */
  padding:20px;
  border-radius:15px;
  margin:20px auto;
  max-width:90%;
  box-shadow:0 0 10px rgba(255,182,193,0.5);
/* Light pink shadow */
}

.section h2 {
  font-size:2.5rem;
  color:#FF69B4;
  text-shadow:1px 1px #FFD700;
  animation:bounce 2s infinite;
}

@keyframes bounce {
  0%,100% {
    transform:translateY(0);
  }

  50% {
    transform:translateY(-10px);
  }
}

.tip-menu ul {
  list-style:none;
  padding:0;
}

.tip-menu ul li {
  margin:5px 0;
  font-size:1.2rem;
  padding:10px;
  background:rgba(255,223,236,0.9);
  color:#FF69B4;
  border-radius:10px;
  box-shadow:0 4px 6px rgba(255,182,193,0.5);
  border:1px solid #FFB6C1;
  transition:transform .3s ease,background-color .3s ease;
  display:flex;
  align-items:center;
}

.tip-menu ul li img {
  width:20px;
  height:20px;
  margin-right:10px;
  vertical-align:middle;
}

.tip-menu ul li:hover {
  background:#FFB6C1;
  transform:scale(1.05);
}

.buttons a {
  margin:10px;
  padding:10px 20px;
  border-radius:10px;
  background:#FF69B4;
  color:white;
  text-decoration:none;
  font-size:1.2rem;
  box-shadow:0 4px 6px rgba(255,105,180,0.5);
  display:inline-block;
  transition:all .3s ease;
}

.buttons a:hover {
  background:#FFB6C1;
  transform:scale(1.1);
}