body {
  margin: 50px 30px;
  background-image: url('../img/stars.bmp');
  background-repeat: repeat;
  text-align: center;
  color: #cd45ff;
  font-size: 16pt;
  font-family: serif;
}

h1 {
  font-size: 48pt;
  margin: 32px 0;
}

h2 {
  font-size: 36pt;
  margin: 5px 0;
}

h3 {
  font-size: 24pt;
}

.flames-bottom {
  background-image: url('../img/flames-bottom.gif');
  background-repeat: repeat-x;
  background-position: bottom left;
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0px;
}

.center-gif {
  margin: 20px 0;
  padding: 80px;
  background-image: url('../img/center-flame.gif');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 125%;
  height: 200px;
  width: 200px;
}

pre {
  text-align: left;
  font-family: monospace;
  font-size: 8pt;
  margin: 10px 0;
}

a {
  color: blue;
}

a:hover {
  color: red;
}

@media (max-width: 750px) {
  body {
    margin: 50px 16px;
  }
  h1 {
    font-size: 36pt;
    margin: 32px 0;
  }
  h2 {
    font-size: 48pt;
  }
  h3 {
    font-size: 18pt;
  }
  .center-gif {
    margin: 48px 0;
    height: 150px;
    width: 150px;
  }
}