/* RESET (minimal, not polite) */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* GLOBAL */
body {
  background: #f2f2f2;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  padding: 40px;
}

/* HEADER */
header {
  margin-bottom: 80px;
}

h1 {
  font-family: "Courier New", monospace;
  font-size: 3rem;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}

/* NAV */
nav a {
  margin-right: 20px;
  text-decoration: none;
  color: #111;
  border-bottom: 1px solid transparent;
}

nav a:hover {
  border-bottom: 1px solid #111;
}

/* SECTIONS */
section {
  margin-bottom: 100px;
  max-width: 700px;
}

section img {
  width: 100%;
  max-width: 600px;
  display: block;
  margin-bottom: 20px;
  filter: grayscale(100%) contrast(110%);
}

/* HEADERS */
h2 {
  font-family: "Courier New", monospace;
  letter-spacing: 0.15em;
  font-size: 1.2rem;
  margin-bottom: 20px;
}

/* LISTS */
ul {
  list-style: none;
}

li::before {
  content: "— ";
}

/* LINKS */
a {
  color: #111;
}

a:hover {
  background: #111;
  color: #f2f2f2;
}

/* FOOTER */
footer {
  margin-top: 120px;
  font-size: 0.8rem;
  opacity: 0.6;
}