/* set most styles to a baseline, to minimize differences between browsers */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
  margin: 0;
  padding: 0;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img, abbr, acronym
{
  border: 0;
}
address, caption, cite, code, dfn, th, var, h1, h2, h3, h4, h5, h6
{
  font-style: normal;
  font-weight: normal;
}
caption, th
{
  text-align: left;
}
q:before, q:after
{
  content: '';
}
ul, ol
{
  padding: 0 0 0 1.5em;
}
p
{
  margin: 16px 0;
}
h1, h2, h3, h4, h5, h6
{
  margin: 5px 0 0 0;
}
pre
{
  white-space: pre-wrap;
}
/* end baseline settings */

/* main page background and margin */
body {
  background: #0f0f0f;
  background-image: url('background.webp');
  background-size: cover;
  background-attachment: fixed;
  margin: 2em;
  padding: 0px;
}

/* font families, colors:
Headings: blue, with a space-age font
Normal text: bluish-white, with a clean legible font
Quote/preformatted: off-white, monospace
Input text: do not override color or font
*/
h1, h2, h3, h4, h5, h6
{ color: #373fff; font-family: "Anta", serif; }
body, div, dl, dt, dd, ul, ol, li, form, fieldset, p, th, td
{ color: #cfcfff; font-family: "Montserrat", sans-serif; }
blockquote, pre
{ color: #eeeeee; font-family: "Space Mono", monospace; }
input, textarea
{ }

h1, dt { font-weight: 600; }

/* text sizes, margins */
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h1, h2, h3, h4, h5, h6 { margin: 0.2em 0 0.2em 0; }
dt, dd { margin: 0.1em 0 0.7em 0; }
dd { margin-left: 0.7em; }

/* link styles -- loosely based on wikipedia's default styling */
a { font-weight: 600; }
a:link    { color: #ffef77; text-decoration: none; }
a:visited { color: #bf7733; }
a:hover   { text-decoration: underline; }
a:active  { color: #ffffdf; }