@font-face { font-family: "Recursive"; src: url(../font/Recursive_VF_1.079.woff2); }

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

body {
  font: 400 16px/1.5 "Recursive", "Roboto", "Open Sans", sans-serif;
  background: white url("../img/bg.png");
  background-attachment: fixed;
  color: rgba(34, 34, 34, 0.8);
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
}

header {
  margin: 0.618em 1.618em;
}

a, a:hover { text-decoration: none; }
a       { border-bottom: 1px dotted rgba(128, 128, 128, 0.5); }
a:hover { border-bottom-style: solid; }

article {
  margin: 0 auto;
  padding: 0 1.618em;
  /* min-width: 320px; */
  max-width: 50em;
}

section {
  margin: 1.618em 0;
}

h1 {
  font-size: x-large;
  text-align: center;
  margin-bottom: 0.618em;
}

p {
  line-height: 1.618em;
  text-indent: 1.618em;
}

table {
  border-collapse: collapse;
}

thead {
  background-color: rgba(200, 200, 200, 0.8);
}

tr:nth-of-type(odd) {
  background-color: rgba(240, 240, 240, 0.8);
}

td {
  width: 33.333%;
  padding: 0.618em;
}


footer {
  text-align: center;
  margin-bottom: 1.618em;
  font-size: smaller;
  color: rgba(34, 34, 34, 0.4);
}