: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) + 210) 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-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: 1.5rem; line-height: 3rem; font-style: italic; color: hsl(0,0%,100%); 
  text-decoration: none; text-shadow: 1px 1px 2px #000;
}
#site-menu-div1 { border-radius: 0.5em 0.5em 0em 0em; }
#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; }