@font-face {
  font-family: "Open Sans"; src: url("/static/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 400 700;
}
@font-face {
  font-family: "Tangerine"; src: url("/static/fonts/Tangerine/Tangerine-Bold.ttf") format("truetype");
  font-weight: 700;
}
html { overflow: auto scroll; background: gray url("/file/29") 15% -500px/2000px fixed no-repeat; font-family: "Open Sans", sans-serif; }
body { 
  display: flex; flex-flow: column nowrap; padding: 0 .5em 3em; 
  & > header > div, & > nav > div, & > main > div, & > footer > div { max-width: 60rem; margin: 3px auto; }
}
nav > div { border-radius: 0.5em; color: hsl(0,0%,0%); background: hsla(0,0%,100%,0.8); }
main { 
  flex: 1 0 auto; display: flex; flex-flow: column nowrap; 
  & > div { 
    flex: 1 0 auto; display: flex; flex-flow: column nowrap; width: 100%; gap: 6px; text-align: left; line-height: 1.5em; 
    & > div { flex: 1 0 auto; padding: 1em; background: hsla(0,0%,100%,0.9); border: solid 1px #ddd; border-radius: 0.5em; }
    & h2 { font-size: .9rem; font-weight: normal; color: #777; margin: 0 2px; }
  }
}
footer > div { padding: 2em; border-radius: 0.5em; background: hsla(0,0%,100%,0.8); }

h1 { font-size: 1.25rem; font-weight: normal; margin-bottom: .5em; }

#ctype1 > div { border: solid 1px hsl(287,50%,75%); border-radius: 0.5em; padding: 1em; margin: 1em; }
.flex-class-1 { display: flex; gap: 3px; margin-top: 2em; }
.flex-class-1 > img { width: 30%; flex: 1 1 auto; }

.dl-type-1 { 
  overflow: hidden; text-align: left; break-inside: avoid;
  & > dt { font-weight: bold; margin-top: 1em; }
  & > dd > dl { 
    display: grid; overflow: hidden; 
    & > dt { grid-column: 1; }
    & > dd { grid-column: 2; min-width: 3em; text-align: right; }
  }
}

.site-content-type-1 > h1 { 
  text-shadow: 1px 1px 3px #fff; line-height: 1.5em; margin: 0em 0em -0.33em 0.1em; font-family: Tangerine, serif; font-weight: 700; font-size: 4.5rem;
}
.site-content-type-2 { 
  display: flex; flex-flow: row wrap; justify-content: space-around; gap: 2em 0; 
  & > div { flex: 0 1 18em; }
}
.site-content-type-1000 { 
  columns: 14em; column-gap: 3em; column-rule: solid 1px hsl(0,0%,70%); 
  & ul { 
    & > li { margin-left: 5px; }
    list-style: disc inside; margin-bottom: .5em; 
  }
}
.site-content-type-1003 { padding: .5em !important; }
.site-content-type-1003 > video { border-radius: 6px; }

#site-article-id-17 > video { width: 100%; }
img[src="/file/21"] { width: 100%; }
img[src="/file/1"] { display: block; width: 80%; margin: 1em; }

.site-content-type-3 {
  & h1,
  & h2 { margin: 0 0 .5em; font-size: 1.25rem; font-weight: 600; color: #000; /*text-decoration: underline;*/ }
  & h3 { margin: 0 0 .5em; }
  & strong { font-weight: 700; }
  & ul { list-style: disc outside; margin-bottom: 1em; padding-left: 1.5rem; }
  & section { margin-bottom: 2em; padding-bottom: 1em; border-bottom: solid 1px #999; }
}