css
/* style.css */

body {
  background-image: linear-gradient(#333, #444);
  background-size: 10px 10px;
  background-position: -10px -10px;
  background-repeat: repeat;
  font-family: 'Space Age';
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -moz-osx-utf8-clone-margin: 0;
  -webkit-osx-utf8-clone-margin: 0;
  -o-osx-utf8-clone-margin: 0;
  margin: 0;
  padding: 0;
  border: 4px solid #333;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 16px 32px rgba(0, 0, 0, 0.1), 0px 32px 64px rgba(0, 0, 0, 0.1);
}

h1 {
  font-family: 'AstroFont';
  font-size: 32px;
  text-align: center;
  margin: 0 auto;
  color: #f7f7f7;
  background: #333;
  padding: 16px;
  border: 4px solid #333;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 16px 32px rgba(0, 0, 0, 0.1), 0px 32px 64px rgba(0, 0, 0, 0.1);
}

h2 {
  font-family: 'AstroFont';
  font-size: 24px;
  text-align: center;
  margin: 0 auto;
  color: #f7f7f7;
  background: #333;
  padding: 8px;
  border: 2px solid #333;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 16px 32px rgba(0, 0, 0, 0.1), 0px 32px 64px rgba(0, 0, 0, 0.1);
}

p {
  font-family: 'Space Age';
  font-size: 18px;
  text-align: center;
  margin: 8px 16px;
  line-height: 24px;
  color: #f7f7f7;
  padding: 4px 8px;
  background: #333;
  border: 2px solid #333;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 16px 32px rgba(0, 0, 0, 0.1), 0px 32px 64px rgba(0, 0, 0, 0.1);
}

a {
  font-family: 'Space Age';
  font-size: 16px;
  color: #f7f7f7;
  text-decoration: none;
  text-align: center;
  margin: 4px 8px;
  padding: 2px 4px;
  background: #333;
  border: 1px solid #333;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 16px 32px rgba(0, 0, 0, 0.1), 0px 32px 64px rgba(0, 0, 0, 0.1);
}

img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 16px 32px rgba(0, 0, 0, 0.1), 0px 32px 64px rgba(0, 0, 0, 0.1);
}

/* Astrodic font */
@font-face {
  font-family: 'AstroFont';
  src: url('AstroFont.eot');
  src: url('AstroFont.eot?#iefil0=fontforge') format('embedded-opentype');
  src: url('AstroFont.woff');
  src: url('AstroFont.woff2');
  src: url('AstroFont.svg#AstroFont');
  src: url('AstroFont.ttf');
  src: url('AstroFont.otf');
}

/* Space Age font */
@font-face {
  font-family: 'Space Age';
  src: url('SpaceAge.eot');
  src: url('SpaceAge.eot?#iefil0=fontforge') format('embedded-opentype');
  src: url('SpaceAge.woff');
  src: url('SpaceAge.woff2');
  src: url('SpaceAge.svg#SpaceAge');
  src: url('SpaceAge.ttf');
  src: url('SpaceAge.otf');
}