@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body {
  margin: 0;
  background: linear-gradient(to bottom right, #87f0ff, #d7baff);
  font-family: 'Press Start 2P', monospace;
  color: #ffffff;
  text-align: center;
  background-attachment: fixed;
}

.navbar {
  background-color: rgba(0, 80, 110, 0.85); /* Bondi Blue Vibes */
  padding: 1em 0;
  border-bottom: 4px double #ff77ff;
  box-shadow: 0 0 10px #00ffffaa;
}

.navbar ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 2em;
  padding: 0;
  margin: 0;
}

.navbar a {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ff00ff;
  transition: all 0.3s ease-in-out;
}

.navbar a:hover {
  color: #00ffff;
  text-shadow: 0 0 5px #fff, 0 0 10px #ff00ff;
}

main {
  padding: 2em;
  font-size: 1.2em;
}

h1 {
  color: #ffffff;
  text-shadow: 2px 2px #000000aa;
  margin-top: 2em;
  animation: flicker 2s infinite;
}

@keyframes flicker {
  0%, 100% { opacity: 1; }
  45% { opacity: 0.6; }
  55% { opacity: 0.7; }
  65% { opacity: 0.4; }
  75% { opacity: 0.9; }
}