body {
  background-image: url("https://i.pinimg.com/1200x/b7/54/7c/b7547c726157838a686bf40bb85b1ce8.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.main-title {
  text-align: center;
  margin-top: 20px;
  font-size: 52px;
  font-family: "Dancing Script", "Caveat", "Comic Sans MS", cursive;
  color: #ff9bbd; /* lighter pink */
  letter-spacing: 2px;
  text-shadow:
    2px 2px 0px #ffc6d9,
    4px 4px 0px #ffd6e3;
}
.main-title {
  animation: floaty 3s ease-in-out infinite;
}

@keyframes floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
.cute-border {
  text-align: center;
  font-size: 32px;
  color: #ffb3c9; /* same light pink as your title */
  font-family: "Dancing Script", "Caveat", "Comic Sans MS", cursive;
  margin-top: 20px;
  letter-spacing: 1px;
}
.rose-corner {
  position: fixed;
  top: 10px;
  z-index: 9999;
}

.left-corner {
  left: 10px;
}

.right-corner {
  right: 10px;
}

.rose-row {
  display: flex;
  gap: 4px;
}

/* right side: should hug inward (toward the center) */
.right-corner .rose-row {
  justify-content: flex-end;
}

/* left side: should hug inward (toward the center) */
.left-corner .rose-row {
  justify-content: flex-start;
}

.rose-corner img {
  width: 70px; /* bigger cluster */
  animation: floaty 3s ease-in-out infinite;
}
.cute-button {
  background: #ffb3c9; /* soft pastel pink */
  border: 3px solid #bd3542; /* jam red border */
  color: white;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 1.4rem;
  font-family: 'Chewy', cursive;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: 0.2s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  animation: floaty 3s ease-in-out infinite;
}

/* hover effect */
.cute-button:hover {
  background: #bd3542;
  transform: scale(1.07);
}

/* position for THIS button specifically */
.sloth-button {
  margin-top: 20px;
  margin-left: 40px; /* adjust to move left or right */
}