@import url(//fonts.googleapis.com/css?family=VT323);

body {
  margin: 20px;
  background-color: black;
  color: white;
  background-image: url('images/blue.png?v=2'); /* add query to bypass cache */
  background-size: 50% auto; /* shrink image to half width, keep aspect ratio */
  background-repeat: repeat; /* tile image */
  background-position: top left; /* start tiling from top-left */
  background-attachment: fixed; /* makes background stay in place on scroll */
  text-align: center;
  font-family: 'VT323', monospace;
  font-size: 170%;
}
/* Use the same background for snapshotsBody (Area 0) */
body.snapshotsBody {
  background-image: url('images/blue.png'); /* same as main */
}

/* Headings */
h1 {
  margin-top: 40px;
}

h2,
.description,
.details {
  text-transform: uppercase;
}

/* Links */
a {
  color: white;
}

/* Page container */
.page {
  max-width: 800px;
  margin: 0 auto;
}

.page p {
  padding: 10px;
}

/* Snapshot & note spacing */
.notFound,
.note {
  margin-bottom: 100px;
}

.details {
  margin-bottom: 80px;
}

.note {
  margin-top: 80px;
}

p.snapshot {
  margin-bottom: 120px;
}

.snapshot img {
  width: 100%;
}

/* Videos */
.videos {
  margin-top: 120px;
  margin-bottom: 80px;
}

/* Areas section */
.areas {
  text-align: center;
  text-transform: uppercase;
}

.areas .reloadForMore {
  text-transform: none;
}

.areas a {
  white-space: nowrap;
}

/* Footer */
.footer {
  margin-top: 80px;
  margin-bottom: 80px;
}

.credits {
  font-size: 90%;
}

.privacy {
  margin-top: 100px;
  margin-bottom: 100px;
  font-size: 90%; 
  opacity: 0.6;
}

/* Items & images */
.items {
  text-transform: uppercase;
}

.items img {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  height: auto;
}

.items .item {
  margin-top: 80px;
  margin-bottom: 120px;
}

.items h2 {
  margin-top: 120px;
  border-top: 5px solid white;
  padding-top: 20px;
}