: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");
}
body { min-height: 100%; padding-bottom: 3em; }

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;
}
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; }
html {
  overflow: hidden scroll; height: 100vh; font-family: 'Open Sans', sans-serif; 
  background: hsl(calc(var(--site-hue) + 120) calc(var(--site-saturation) / 2) var(--site-lightness));
}

#site-outer-div { 
  max-width: 65rem; margin: 0 auto; padding: 0 3px; color: hsl(0,0%,0%); 
  & > div > div { text-align: left; }
}
#simplet-header-name { 
  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%); 
  & + span { margin-left: 3px; font-size:1em; color: hsl(0,0%,100%); text-shadow: 1px 1px 1px #000; }
}
#site-footer-div1 { border-radius: 0em 0em 0.5em 0.5em; background: hsla(0,0%,100%,0.5); }
#site-main-content-div0 a { color: sienna; }
#site-main-content-div1 { background: hsl(0,0%,97%); min-height: 50vh; }
#site-menu-div1 { border-radius: 0.5em 0.5em 0em 0em; }

#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; }

.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;
}