:root {
  --fg: #f9f9f9;
  --kipiblue: #0573b8;
}

html {
  min-height: 100%;
  background-size: cover;
  background: linear-gradient(to bottom,
  var(--kipiblue) 0%,    /* hsl(203, 95%, 37%) */
  var(--kipiblue) 60%,
  hsl(203, 95%, 35%) 80%,
  hsl(203, 95%, 27%) 87%,
  hsl(203, 95%, 19%) 94%,
  hsl(203, 95%, 9%) 100%);
}

body {
  color: var(--fg);
  /* background-color: var(--kipiblue); */
  font-size: 105%;
  /* "Geometric Humanist", from https://modernfontstacks.com/ */
  font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  font-weight: 600;
}

a {
  color: var(--fg);
  text-decoration-thickness: 0.07em;
  text-decoration-style: solid;
}

a:hover {
  text-decoration-style: double;
}

.large {
  font-size: 145%;
}

.smallcaps {
  font-variant: small-caps;
}

.small {
  font-size: 80%;
}

.center {
  text-align: center;
}

.nobreak {
  white-space: nowrap;
}