* {
  margin: 0;
  padding: 0;
}

.stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content: center;
  align-items: center;
}

.stars {
  background:#000 url(https://i.postimg.cc/hhFD7Nkf/apps-47636-13819498107583324-fb06b53a-4974-4acb-85e6-f6f363f85ab6-edec48d0-ec35-4a1f-8bf5-c455987b4a.png) repeat top center;
  z-index: 0;
}

.twinkling {
  background: url(https://i.postimg.cc/CLpNr4PF/twinkling.png);
  animation: 8s twinkle infinite;
  animation-timing-function: linear;
}

@keyframes twinkle {
  from {background-position: 0}
  to {background-position: -100px 0}
}

.title {
  padding: 10px;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: clamp(28px, 3vw, 48px);
  text-align: center;
}