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

body {
  margin: 0;
  padding: 0;
  background: linear-gradient(135deg, #ff4081, #651fff);
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Press Start 2P', cursive;
}

.container {
  text-align: center;
  animation: pop-in 1s ease-out;
}

.funky-text {
  font-size: 2rem;
  color: #fff;
  text-shadow: 2px 2px #000;
  animation: hue-rotate 5s infinite linear;
}

.subtext {
  color: #ffe082;
  margin-top: 1em;
  font-size: 0.8rem;
}

/* Animations */
@keyframes hue-rotate {
  from { filter: hue-rotate(0deg); }
  to   { filter: hue-rotate(360deg); }
}
@keyframes pop-in {
  from { transform: scale(0.5); opacity: 0; }
  to   { transform: scale(1);   opacity: 1; }
}