body {
  background-color: #0b0b0b;
  color: #f0d6f7;
  font-family: 'Georgia', serif;
  margin:0; padding:0;
  overflow-x:hidden;
}

header { background-color: #222; padding:20px; text-align:center;}
header h1 { color: #ff9ff3; text-shadow:0 0 20px #f6c1ff;}
button {
  display:block; margin:15px auto; padding:12px 25px;
  border:none; border-radius:12px;
  background-color:#ff6b81; color:#0b0b0b; font-size:16px;
  cursor:pointer; transition:0.3s;
}
button:hover { background-color:#ff8787; transform:scale(1.05);}
.choice-button { background-color:#9b59b6; color:#fff;}
.choice-button:hover { background-color:#8e44ad;}

#topButtons { position:fixed; top:10px; left:10px; right:10px; display:flex; justify-content:space-between; z-index:1000;}
#topButtons button { background-color:#ff6b81; color:#0b0b0b; padding:8px 15px; }

.heart {
  position:absolute; width:20px; height:20px; background:red; transform:rotate(45deg); opacity:0.7;
  animation: floatUp linear infinite;
}
.heart::before, .heart::after { content:""; position:absolute; width:20px; height:20px; background:red; border-radius:50%; }
.heart::before { top:-10px; left:0; }
.heart::after { left:10px; top:0; }
@keyframes floatUp {
  0% { transform: translateY(0) rotate(45deg); opacity:0.7; }
  50% { opacity:1; }
  100% { transform: translateY(-800px) rotate(45deg); opacity:0; }
}