*, *:before, *:after {
  margin: 0;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  padding: 5%;
  font-family: 'PT Mono', Courier, monospace;
  background-size: cover;
  background-attachment: fixed; }

a {
  color: #B04108; }
  a:visited {
    color: #82C13C; }
  a:hover {
    color: #d03b00; }

.container,
header,
footer,
article {
  max-width: 800px;
  margin: 0 auto 1em;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.1);
  color: #000; 
}

ul,
ol {
  padding-left: 1em; }

.container p, .container h1, .container h2, .container h3, .container h4 {
  margin-bottom: 1em;
}

.page-home .container,
.page-home header,
.page-home footer,
.page-home article {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff; 
}

.page-home a {
  color: #FF5E0B; }
.page-home a:visited {
  color: #a4ef49; }
.page-home a:hover {
  color: #d03b00; }