@font-face {
  font-family: 'New York';
  src: url('fonts/NewYork.otf') format('opentype');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: 'New York', Arial, sans-serif;
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  text-align: center;
  padding: 20px;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  animation: glow 2s ease-in-out infinite, warp 6s ease-in-out infinite;
  text-shadow:
    0 0 10px #ffffff,
    0 0 20px #ffffff,
    0 0 30px #ffffff;
}

/* Glow animation */
@keyframes glow {
  0%, 100% {
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffffff;
  }
  50% {
    text-shadow: 0 0 15px #ffffff, 0 0 25px #ffffff, 0 0 35px #ffffff;
  }
}

/* Subtle warp animation */
@keyframes warp {
  0%, 100% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.02) rotate(0.4deg);
  }
}