:root {
  --palette-background: rgba(17,17,17,1);
  --palette-blue: rgba(2,99,189,1);
  --palette-grey: rgba(99,99,99,1);

  --blue-gradient-start: rgba(255,255,255,1) 0%;
  --blue-gradient-stop1: rgba(0,181,255,1) 3%;
  --blue-gradient-stop2: rgba(1,140,221,1) 5%;
  --blue-gradient-stop3: var(--palette-blue) 20%;
  --blue-gradient-stop4: rgba(3,50,151,1) 60%;
  --blue-gradient-end: var(--palette-background) 99%;
  --blue-gradient-values: var(--blue-gradient-start), var(--blue-gradient-stop1), var(--blue-gradient-stop2), var(--blue-gradient-stop3), var(--blue-gradient-stop4), var(--blue-gradient-end);
  --blue-radial-gradient-top-left: radial-gradient(circle farthest-corner at 0% 0%, var(--blue-gradient-values));
  --blue-radial-gradient-top-center: radial-gradient(circle closest-corner at 50% 0%, var(--blue-gradient-values));

  --grey-gradient-start: rgba(255,255,255,1) 0%;
  --grey-gradient-stop1: rgba(181,181,181,1) 3%;
  --grey-gradient-stop2: rgba(140,140,140,1) 5%;
  --grey-gradient-stop3: var(--palette-grey) 20%;
  --grey-gradient-stop4: rgba(50,50,50,1) 60%;
  --grey-gradient-end: var(--palette-background) 99%;
  --grey-gradient-values: var(--grey-gradient-start), var(--grey-gradient-stop1), var(--grey-gradient-stop2), var(--grey-gradient-stop3), var(--grey-gradient-stop4), var(--grey-gradient-end);
  --grey-radial-gradient-top-center: radial-gradient(circle closest-corner at 50% 0%, var(--grey-gradient-values));
}

body {
  background-color: var(--palette-background);
  font-family: Arial, Helvetica, sans-serif;
}

div {
  padding: 1px;
  margin: 1px;
}

div#viewpane {
  margin: auto;
  max-width: 1000px;
  width: 100%;
}

div#sitecontent {
  background-color: white;
  margin-top: 0px;
  padding: 0px;
}

div#siteheader {
  background-image: var(--blue-radial-gradient-top-left);
  padding: 10px;
  margin-bottom: 0px;
}

div#siteheader h1 {
  color: white;
  text-align: left;
  text-shadow:  2px 2px 2px var(--palette-background);
  font-weight: bold;
}

div#pagetitle {
  margin: 0px;
  padding-left: 10px;
}

div#pagecontent {
  margin: 0px;
  padding: 10px;
}

div#footer {
  text-align: center;
  font-weight: lighter;
  font-size: smaller;
  color: var(--palette-grey);
  padding: 4px
}

/* vim: set ts=2 sw=2 sts=2 expandtab: */