body {
  background-color: #000;
  color: lightgrey;
  font-family: 'Liberation serif', serif;
  font-size: 1.1em;
  margin: 0 auto;
  max-width: 600px;
}


a:link,a:visited {
 color: white;
}

a:hover,a:active {
  color: white;
  text-shadow: 0 0 10px white, 5px 0 5px grey, -5px 0 5px grey;
}

footer {
  text-align: center;
  font-size: 0.9em;
}

h1,h2,h3,h4,h5,h6 {
  color: lightgrey;
  text-shadow: 2px 2px grey;
  font-family: 'Liberation mono', monospace;
  transition: 2s ease;
}

h1:hover, h2:hover {
  color: gold;
  text-shadow: 2px 2px red;
  transition: 1s ease;
}

img {
  max-width: 75%;
}

nav {
   font-family: 'Liberation mono', monospace;
}

nav > a:link,a:visited {
 color: white;
  transition: 1s ease;
}

nav > a:hover,a:active {
  color: gold;
  text-shadow: 1px 0 red, 3px 0 red, 5px 0 red, 10px 0 darkred;
  transition: 0.3s ease;
}

.logo {
  color: lightgrey;
  text-shadow: 2px 2px grey;
}

.logo:hover {
  letter-spacing: 1.5px;
}

.navlink {
  font-family: 'Liberation mono', monospace;
  color: white;
  transition: 1s ease;
}

.navlink:hover {
  font-family: 'Liberation mono', monospace;
   color: gold;
  text-shadow: 1px 0 red, 3px 0 red, 5px 0 red, 10px 0 darkred;
  transition: 0.3s ease;
 
}