/*
Green is 008400
Red is 5e0002
*/

/* titleHead is specific to the title*/
#titleHead {
  font-family: 'Josefin Slab', serif;
  font-weight: bold;
  font-size: 4.5em;
  color: #b30004;
}

body {
  background-color: black;
  font-size: 1em;
  font-family: sans-serif;
}

.page {
  max-width: 40em;
  margin: auto;
  padding: 1em 0;
}

section {
  margin: 0.5em 0 1em 0;
  background-color: white;
  padding: 1px 2em 2em 2em;
  border: 4px solid #008400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* Available at https://www.dafontfree.net/freefonts-bernard-mt-condensed-f64479.htm */
  font-family: "Bernard MT Condensed", serif;
  font-weight: normal;
  color: #5e0002;
}

h1 {
  font-size: 2.5em;
}

header {
  display: block;
  margin-bottom: 2em;
}

header h1 {
  margin: 0;
  padding: 0;
  color: #BA1A26;
  font-size: 3em;
}

header h1 img {
  width: 80%;
  display: block;
  margin-bottom: 10px;
}

h2,
article h1 {
  font-size: 2em;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  text-align: left;
  padding: 0.33em 0.66em;
}

tr.hoverGreen:hover {
  background-color: #008400;
  color: white;
}

tr.hoverRed:hover {
  background-color: #5e0002;
  color: white;
}

img.photo {
  display: block;
  width: 100%;
}

.clickhere,
.clickhere:active,
.clickhere:hover,
.clickhere:visited {
  display: inline-block;
  margin: 0.5em;
  padding: 0.66em;
  color: white;
  background-color: #5e0002;
  text-decoration: none;
  border-radius: 4px;
}


nav .clickhere,
nav .clickhere:active,
nav .clickhere:hover,
nav .clickhere:visited {
  background-color: #008400;
}

.backtotop,
.backtotop:active,
.backtotop:hover,
.backtotop:visited {
  clear: both;
  margin-top: 2em;
}