/* Basic reset */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* prevent scrolling */
}

/* Background (animated GIF) */
body {
  background-color: black;
  background-image: url('assets/h.gif'); /* your animated background */
  background-repeat: no-repeat;
  background-size: cover;      /* make it fill the whole screen */
  background-position: center; /* center it */
  image-rendering: pixelated;  /* keep it sharp */
}

/* Banner styling */
header {
  text-align: center;
  padding: 0;
  margin: 0;
}

.banner {
  display: block;
  width: 60%;           /* adjust to make smaller or larger */
  max-width: 800px;     /* prevent it from being too big */
  height: auto;
  margin: 10px auto;
  image-rendering: pixelated;
}