@charset "UTF-8";

body {
  background:#fff1fb;
  background-image:linear-gradient(140deg,#ffdeea,#fff6fa);
  font-family:'Georgia',serif;
  color:#2a2a2a;
  margin:0;
  padding:0;
  cursor:url(https://cur.cursors-4u.net/nature/nat-10/nat991.cur),auto;
}

@keyframes shinePink {
  0% {
    background-position:0 50%;
  }

  50% {
    background-position:100% 50%;
  }

  100% {
    background-position:0 50%;
  }
}

.section {
  background:#ffffffee;
  border:2px solid #ffc1e3;
  border-radius:16px;
  padding:26px;
  margin:40px auto;
  max-width:700px;
  text-align:center;
  box-shadow:0 0 24px rgba(255,193,227,0.5);
  transition:.3s ease;
  position:relative;
}

.section:hover {
  transform:scale(1.015);
  box-shadow:0 0 36px rgba(255,120,190,0.6);
}

.section::after {
  content:"????";
  font-size:24px;
  position:absolute;
  top:-15px;
  right:15px;
  animation:popHeart 2s infinite;
}

@keyframes popHeart {
  0%,100% {
    opacity:.4;
    transform:scale(1);
  }

  50% {
    opacity:1;
    transform:scale(1.4);
  }
}

h1 {
  color:#c63672;
  font-size:26px;
  font-style:italic;
  text-shadow:1px 1px 2px #ffd6ec;
}

p {
  font-size:16px;
  line-height:1.7;
  color:#444;
}

.tipmenu {
  text-align:left;
  padding-left:20px;
  font-size:15px;
  line-height:1.8;
  color:#c63672;
}

img.gallery {
  width:100%;
  max-width:320px;
  border-radius:12px;
  margin:10px;
  border:2px solid #ffc1e3;
  box-shadow:0 0 10px rgba(255,193,227,0.5);
  transition:transform .3s ease;
}

img.gallery:hover {
  transform:scale(1.05);
}