:root {
  --site-hue: 32; --site-saturation: 10; --site-lightness: 60;
}
@font-face {
  font-family: "Open Sans"; src: url("/static/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
}
html { 
  overflow: hidden scroll; font-family: 'Open Sans', sans-serif; 
  background: hsl(calc(var(--site-hue) + 210) calc(var(--site-saturation) / 2) var(--site-lightness));
}
body { 
  min-height: 100%; max-width: 65rem; margin: 0 auto; padding: 0 3px 3em; color: hsl(0,0%,0%); 
}
nav > div { border-radius: 0.5em 0.5em 0em 0em; }
main {
  & > div { background: hsl(0,0%,97%); min-height: 50vh; }
  & a { color: sienna; }
}
footer > div { border-radius: 0em 0em 0.5em 0.5em; background: hsla(0,0%,100%,0.5); }

h1 { margin-bottom: .5em; font-size: 1.25rem; font-family: serif; font-weight: normal; text-decoration: none; }
h2 { margin: .5em 2px 0; font-size: .9em; font-weight: bold; max-width: 25em; }
button, input[type=button], select:not([size]) {
  background: linear-gradient(to bottom, hsl(0,0%,92%), hsl(0,0%,85%)) #ddd; color: #222; border: outset 1px hsl(0,0%,80%); border-radius: 2px;
  font-weight: normal; font-style: normal; line-height: normal;
}
button:disabled, input:disabled, select:disabled { color: #888; }
#simplet-after-login-div { padding: 1em; }
.site-content-type-2 { padding: 2em 3em; }
.site-content-type-1001 { padding: 1.5em; }
.site-content-type-1003 { padding: 1em; }
#site-header-title { 
  font-size: 2.5rem; font-style: italic; text-shadow: 1px 1px 2px #000; text-decoration: none; line-height: 1.5em; color: hsl(0,0%,100%); 
}

.hlp-struct-menu-class {
  margin: 1em; vertical-align: top; background: hsl(30,50%,80%); border: solid 1px black;
}
.hlp-struct-menu-class > div {
  margin: 1em; background: hsl(210,50%,70%); border: solid 1px black;
}
.hlp-struct-menu-class > div:not(:first-of-type) {
  border-style: dashed;
}
.hlp-struct-site-area-class {
  margin: 1em; background: hsl(210,50%,70%); border: solid 1px black;
}
.hlp-struct-site-area-class > div {
  margin: 1em; background: hsl(210,0%,90%); border: solid 1px black;
}
.hlp-struct-site-area-class > div:not(:first-of-type) {
  border-style: dashed;
}
.hlp-struct-site-area-class:not(:first-of-type) {
  border-style: dashed;
}
.hlp-struct-site-class {
  padding: 2em; background: hsl(210,50%,90%); border: solid 1px black;
}
.hlp-struct-site-class > div {
  display: inline-block;
}
.hlp-struct-site-class h1 {
  margin: 3px; font-family: sans-serif;
}
#simplet-after-login-div {
  padding: 1em;
}
.site-content-type-1001 {
  padding: 1.5em;
}
.site-content-type-1003 {
  padding: 1em;
}
.site-content-type-2 {
  padding: 2em 3em;
}