@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 {
  width: 100%; height: 100vh; background: gray url("/file/29") left bottom/cover;
  font-family: "Open Sans", sans-serif;
}
body {
  height: 100%;
}
#background-div { position: fixed; z-index: -1; width: 100%; height: 100lvh; }
#site-outer-div { overflow: auto scroll; display: flex; flex-flow: column nowrap; height: 100%; padding: 0 .5em 3em; }
#site-outer-div > div > div { max-width: 60rem; margin: 3px auto; }
#site-menu-div1 { border-radius: 0.5em; color: hsl(0,0%,0%); background: hsla(0,0%,100%,0.8); }
#site-main-content-div0 { flex: 1 0 auto; display: flex; flex-flow: column nowrap; }
#site-main-content-div1 { 
  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; }
}

#site-footer-div1 { padding: 2em; border-radius: 0.5em; background: hsla(0,0%,100%,0.8); }

#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%); 
  & > h1 { font-size: 1.2rem; font-weight: normal; }
  & ul { 
    & > li { margin-left: 5px; }
    list-style: disc inside; margin-bottom: .5em; 
  }
}
.site-content-type-1001 > div > h1 { font-size: 1.25rem; }
.site-content-type-1001 > h1 { font-size: 1.2rem; font-weight: normal; margin-bottom: .5em; }
.site-content-type-1002 > h1 { font-size: 1.2rem; font-weight: normal; 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; }