@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
body {
  font-family: "Press Start 2P", system-ui !important;
  font-style: normal;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  background-image: url("https://i.pinimg.com/originals/58/2f/9a/582f9a672b23a4e755c873b50e06280a.gif");
  background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 1366px 768px;
  font-size: 12px;
}

.rainbow {
  font-family: "Press Start 2P", system-ui;
  background-image: url('https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmJ1dDM1ODl2dWp5a25wYTQxdGthOGZjazAzdmw2MXZrc2x4MXNoNCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Xd7oJMeXAbSLTn6JIv/giphy.gif');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  display: inline-block; 
  text-align: center;
  font-size: 12px;

}
.title {
  text-align: center;
  font-size: 12px;
}
.pacman {
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
  position: relative;
  align-items: center; /* Automatically keeps Pac-Man and dots perfectly centered */
  gap: 10px; 
}