/* Background with animated space GIF */
body {
  margin: 0;
  font-family: "Courier New", monospace;
  color: #eee;
  background: url("https://i.gifer.com/fy2p.gif") no-repeat center center fixed;
  background-size: cover;
  overflow-x: hidden;
}

.overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 20, 0.7);
  z-index: -1;
}

header, footer {
  text-align: center;
  padding: 20px;
  background: rgba(20, 20, 40, 0.8);
  border-bottom: 2px solid #555;
}

h1 {
  font-size: 2.5em;
  margin: 0;
}

main {
  padding: 20px;
  text-align: center;
}

.profile img {
  width: 150px;
  border-radius: 50%;
  border: 3px solid #888;
  animation: float 3s infinite ease-in-out;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.guestbook {
  margin-top: 30px;
  padding: 20px;
  background: rgba(30, 30, 50, 0.7);
  border-radius: 15px;
}