body {
/*background: white url("haruhi.png") no-repeat fixed top;*/
}

<style type="text/css">
  div.container {top: 0; left: 0; width: 100%; height: 100%;
    position: fixed; display: table}
  p {display: table-cell; vertical-align: middle}

  /* Horizontal centering of image: set left & right margins to 'auto' */
  img.displayed {display: block; margin: 1em auto}

  /* Also center the lines in the paragraph */
  p {top: 590px; text-align: center font-size: 300%; font-family: Courier; color: black;}
</style>

/*<div class=container>
  <p>Access forbidden. Now get the fuck out.
  <img class=displayed src="./haruhi.png"></p>
</div>*/

h1 {
/*position: relative;*/
top: 590px;
font-family: Courier;
font-size: 300%;
color: black;
text-align: center;
}