html {
  height: 100%;
}

body {
  height: 95%;
}

a {
  color: black;
}

h1, h2, h3, h4, h5, h6, main {
    font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
}

h2 {
  font-size: smaller;
}

div.motif {
  padding: 0px;
  margin-bottom: -6px;
}

div.unit {
  padding-bottom: 0.5em;
  line-height: 1.75em;
}

div.unit-f {
  padding-bottom: 0.0em;
  line-height: 1.75em;
}

div.unit-n {
  text-indent: 2em;
  line-height: 1.75em;
  padding-bottom: 0em;
}

div.graphical {
  padding: 10px;
  background-color: whitesmoke;
}

.smaller {
  font-size: smaller;
}

.larger {
  font-size: larger;
}

.italic {
  font-style: italic;
}

.bolder {
  font-weight: bolder;
}

.scrollx {
  overflow-x: auto;
}

header {
  text-align: right;
}

article {
  line-height: 1.4;
  margin-bottom: 3em;
}

footer {
  font-size: smaller;
  line-height: 1.7;
}

.tags {
  margin-top: 1em;
  margin-bottom: 2em;
}

@media only screen and (min-width: 360px) {

}

@media only screen and (min-width: 700px) {

  main {
    margin: auto;
    width: 600px;
  }
}

@media only screen and (min-width: 980px) {

  main {
    margin: auto;
    width: 600px;
  }
}