:root { 
  --max-width: 1080px; 
  --fill-width: 100000px; 
  --margin1: 0px 15px; 
  --margin2: 0px 30px; 
  --margin3: 0px 45px; 
  --dropdown-width: 150px; 
  --textcolor: rgb(0, 0, 0); 
  --font-size1: 1.6em; 
  --font-size2: 1.4em; 
  --font-size3: 1.2em; 
  --font-size4: 1.0em; 
  --font-size5: 0.8em; 
  --font-size-code: 1.1em; 
  --font-size-warn: 1.1em; 
  --font-family: sans-serif; 
  --font-family-date: monospace; 
  --font-family-category: monospace; 
  --font-family-code: monospace; 
  --font-family-warn: monospace; 
  --font-family-button: monospace; 
  --bgcolor: rgb(255, 255, 255); 
  --bgcolor-link: rgb(239, 239, 239); 
  --bgcolor-note: rgb(239, 239, 239); 
  --bgcolor-code: rgb(239, 239, 239); 
  --bgcolor-warn: rgb(255, 191, 191); 
  --bgcolor-recomment: rgb(191, 191, 191); 
  --color-main-dark: rgb(0, 64, 0); 
  --color-main-light: rgb(191, 255, 191); 
  --bgcolor-menu: rgb(0, 64, 0); 
  --color-menu: rgb(191, 255, 191); 
  --color00-link: rgb(255, 223, 223); 
  --color01-link: rgb(255, 231, 223); 
  --color02-link: rgb(255, 239, 223); 
  --color03-link: rgb(255, 247, 223); 
  --color04-link: rgb(255, 255, 223); 
  --color05-link: rgb(247, 255, 223); 
  --color06-link: rgb(239, 255, 223); 
  --color07-link: rgb(231, 255, 223); 
  --color08-link: rgb(223, 255, 223); 
  --color09-link: rgb(223, 255, 231); 
  --color10-link: rgb(223, 255, 239); 
  --color11-link: rgb(223, 255, 247); 
  --color12-link: rgb(223, 255, 255); 
  --color13-link: rgb(223, 247, 255); 
  --color14-link: rgb(223, 239, 255); 
  --color15-link: rgb(223, 231, 255); 
  --color16-link: rgb(223, 223, 255); 
  --color17-link: rgb(231, 223, 255); 
  --color18-link: rgb(239, 223, 255); 
  --color19-link: rgb(247, 223, 255); 
  --color20-link: rgb(255, 223, 247); 
  --color21-link: rgb(255, 223, 239); 
  --color22-link: rgb(255, 223, 231); 
}
.reference { 
  --max-width-standard: 1080px; 
  --max-width-infinite: 100%; 
  --margin1-desk: 0px 80px; 
  --margin2-desk: 0px 160px; 
  --margin3-desk: 0px 240px; 
  --margin1-mob: 0px 15px; 
  --margin2-mob: 0px 30px; 
  --margin3-mob: 0px 45px; 
  --textcolor-light: rgb(0, 0, 0); 
  --textcolor-dark: rgb(255, 255, 255); 
  --font-size1-vari: 1.6em; 
  --font-size2-vari: 1.4em; 
  --font-size3-vari: 1.2em; 
  --font-size4-vari: 1.0em; 
  --font-size5-vari: 0.8em; 
  --font-size1-mono: 1.7em; 
  --font-size2-mono: 1.5em; 
  --font-size3-mono: 1.3em; 
  --font-size4-mono: 1.1em; 
  --font-size5-mono: 0.9em; 
  --font-family-varisans: sans-serif; 
  --font-family-variserif: serif; 
  --font-family-monosans: monospace; 
  --font-family-monoserif: courier; 
  --bgcolor-light: rgb(255, 255, 255); 
  --bgcolor-dark: rgb(0, 0, 0); 
  --bgcolor-link-dark: rgb(32, 32, 32); 
  --bgcolor-link-light: rgb(239, 239, 239); 
  --bgcolor-note-dark: rgb(32, 32, 32); 
  --bgcolor-note-light: rgb(239, 239, 239); 
  --bgcolor-code-dark: rgb(32, 32, 32); 
  --bgcolor-code-light: rgb(239, 239, 239); 
  --bgcolor-warn-dark: rgb(64, 0, 0); 
  --bgcolor-warn-light: rgb(255, 191, 191); 
  --bgcolor-recomment-dark: rgb(64, 64, 64); 
  --bgcolor-recomment-light: rgb(191, 191, 191); 
  --color-black: rgb(0, 0, 0); 
  --color-white: rgb(255, 255, 255); 
  --color-gray-vdark: rgb(32, 32, 32); 
  --color-gray-dark: rgb(64, 64, 64); 
  --color-gray-light: rgb(191, 191, 191); 
  --color-gray-vlight: rgb(239, 239, 239); 
  --color00-vdark: rgb(32, 0, 0); 
  --color00-dark: rgb(64, 0, 0); 
  --color00-light: rgb(255, 191, 191); 
  --color00-vlight: rgb(255, 223, 223); 
  --color01-vdark: rgb(32, 8, 0); 
  --color01-dark: rgb(64, 16, 0); 
  --color01-light: rgb(255, 207, 191); 
  --color01-vlight: rgb(255, 231, 223); 
  --color02-vdark: rgb(32, 16, 0); 
  --color02-dark: rgb(64, 32, 0); 
  --color02-light: rgb(255, 223, 191); 
  --color02-vlight: rgb(255, 239, 223); 
  --color03-vdark: rgb(32, 24, 0); 
  --color03-dark: rgb(64, 48, 0); 
  --color03-light: rgb(255, 239, 191); 
  --color03-vlight: rgb(255, 247, 223); 
  --color04-vdark: rgb(32, 32, 0); 
  --color04-dark: rgb(64, 64, 0); 
  --color04-light: rgb(255, 255, 191); 
  --color04-vlight: rgb(255, 255, 223); 
  --color05-vdark: rgb(24, 32, 0); 
  --color05-dark: rgb(48, 64, 0); 
  --color05-light: rgb(239, 255, 191); 
  --color05-vlight: rgb(247, 255, 223); 
  --color06-vdark: rgb(16, 32, 0); 
  --color06-dark: rgb(32, 64, 0); 
  --color06-light: rgb(223, 255, 191); 
  --color06-vlight: rgb(239, 255, 223); 
  --color07-vdark: rgb(8, 32, 0); 
  --color07-dark: rgb(16, 64, 0); 
  --color07-light: rgb(207, 255, 191); 
  --color07-vlight: rgb(231, 255, 223); 
  --color08-vdark: rgb(0, 32, 0); 
  --color08-dark: rgb(0, 64, 0); 
  --color08-light: rgb(191, 255, 191); 
  --color08-vlight: rgb(223, 255, 223); 
  --color09-vdark: rgb(0, 32, 8); 
  --color09-dark: rgb(0, 64, 16); 
  --color09-light: rgb(191, 255, 207); 
  --color09-vlight: rgb(223, 255, 231); 
  --color10-vdark: rgb(0, 32, 16); 
  --color10-dark: rgb(0, 64, 32); 
  --color10-light: rgb(191, 255, 223); 
  --color10-vlight: rgb(223, 255, 239); 
  --color11-vdark: rgb(0, 32, 24); 
  --color11-dark: rgb(0, 64, 48); 
  --color11-light: rgb(191, 255, 239); 
  --color11-vlight: rgb(223, 255, 247); 
  --color12-vdark: rgb(0, 32, 32); 
  --color12-dark: rgb(0, 64, 64); 
  --color12-light: rgb(191, 255, 255); 
  --color12-vlight: rgb(223, 255, 255); 
  --color13-vdark: rgb(0, 24, 32); 
  --color13-dark: rgb(0, 48, 64); 
  --color13-light: rgb(191, 239, 255); 
  --color13-vlight: rgb(223, 247, 255); 
  --color14-vdark: rgb(0, 16, 32); 
  --color14-dark: rgb(0, 32, 64); 
  --color14-light: rgb(191, 223, 255); 
  --color14-vlight: rgb(223, 239, 255); 
  --color15-vdark: rgb(0, 8, 32); 
  --color15-dark: rgb(0, 16, 64); 
  --color15-light: rgb(191, 207, 255); 
  --color15-vlight: rgb(223, 231, 255); 
  --color16-vdark: rgb(0, 0, 32); 
  --color16-dark: rgb(0, 0, 64); 
  --color16-light: rgb(191, 191, 255); 
  --color16-vlight: rgb(223, 223, 255); 
  --color17-vdark: rgb(8, 0, 32); 
  --color17-dark: rgb(16, 0, 64); 
  --color17-light: rgb(207, 191, 255); 
  --color17-vlight: rgb(231, 223, 255); 
  --color18-vdark: rgb(16, 0, 32); 
  --color18-dark: rgb(32, 0, 64); 
  --color18-light: rgb(223, 191, 255); 
  --color18-vlight: rgb(239, 223, 255); 
  --color19-vdark: rgb(24, 0, 32); 
  --color19-dark: rgb(48, 0, 64); 
  --color19-light: rgb(239, 191, 255); 
  --color19-vlight: rgb(247, 223, 255); 
  --color20-vdark: rgb(32, 0, 24); 
  --color20-dark: rgb(64, 0, 48); 
  --color20-light: rgb(255, 191, 239); 
  --color20-vlight: rgb(255, 223, 247); 
  --color21-vdark: rgb(32, 0, 16); 
  --color21-dark: rgb(64, 0, 32); 
  --color21-light: rgb(255, 191, 223); 
  --color21-vlight: rgb(255, 223, 239); 
  --color22-vdark: rgb(32, 0, 8); 
  --color22-dark: rgb(64, 0, 16); 
  --color22-light: rgb(255, 191, 207); 
  --color22-vlight: rgb(255, 223, 231); 
}
body { 
  margin: 0px; 
  color: var(--textcolor); 
  background-color: var(--bgcolor); 
}
.button { 
  background-color: rgb(207, 207, 207); 
  color: black; 
  border-color: rgb(191, 191, 191); 
  border-radius: 0px; 
  font-family: var(--font-family-button); 
  width: 100px; 
}
.button:hover { 
  background-color: rgb(223, 223, 223); 
}
.shape { 
  fill: var(--textcolor); 
}
.top { 
  color: var(--color-main-light); 
  background-color: var(--color-main-dark); 
  display: flex; 
  justify-content: center; 
}
.topWidth { 
  max-width: var(--max-width); 
  margin: 0px auto; 
}
.symbol { 
  padding: 8px 5px 8px 20px; 
  fill: var(--color-main-light); 
}
.authorLink { 
  text-decoration: none; 
  color: inherit; 
  display: block; 
  padding: 10px; 
}
.dnaContainer { 
  white-space: nowrap; 
}
.dnaUpper { 
  font: 1.5em serif; 
}
.dnaLower { 
  font: 1.25em serif; 
}
.topFiller { 
  width: var(--fill-width); 
}
.hide0 { 
}
.hide1 { 
}
@media screen and (max-width: 799px) { 
  .hide0 { 
    display: none; 
  } 
}
@media screen and (max-width: 699px) { 
  .hide1 { 
    display: none; 
  } 
}
.topLink { 
  display: block; 
  text-decoration: none; 
  color: inherit; 
}
.topLink:hover { 
  color: var(--color-main-dark); 
  background-color: var(--color-main-light); 
}
.topLinkText { 
  font-size: var(--font-size4); 
  font-family: var(--font-family); 
  display: flex; 
  justify-content: center; 
  padding: 10px 20px; 
}
.topMenu { 
  display: block; 
  fill: var(--color-menu); 
  background-color: var(--bgcolor-menu); 
  padding: 15px; 
}
.topMenu:hover { 
  background-color: var(--color-menu); 
  fill: var(--bgcolor-menu); 
}
.topDropdown { 
  width: var(--dropdown-width); 
}
.content { 
  max-width: var(--max-width); 
  margin: 0px auto; 
}
.slogan { 
  font-family: var(--font-family); 
  font-size: var(--font-size4); 
  text-align: center; 
}
.imageDecor { 
  display: block; 
  margin: 0px auto; 
}
.infoH1, .infoH2, .infoH3, .infoP { 
  font-family: var(--font-family); 
  margin: var(--margin2); 
}
.infoH1 { 
  font-size: var(--font-size1); 
}
.infoH2 { 
  font-size: var(--font-size2); 
}
.infoH3 { 
  font-size: var(--font-size3); 
}
.infoP { 
  font-size: var(--font-size4); 
}
.categoryTitle, .categorySummary { 
  font-family: var(--font-family); 
  margin: var(--margin2); 
}
.categoryTitle { 
  font-size: var(--font-size1); 
}
.categorySummary { 
  font-size: var(--font-size4); 
}
.largeLinkContainer { 
  margin: var(--margin2); 
}
.largeLink { 
  text-decoration: none; 
  color: inherit; 
}
.largeLinkInfo { 
  margin: var(--margin1); 
}
.largeLinkDate { 
  font-size: var(--font-size4); 
  font-family: var(--font-family-date); 
}
.largeLinkTitle, .largeLinkSummary { 
  font-family: var(--font-family); 
}
.largeLinkTitle { 
  font-size: var(--font-size2); 
}
.largeLinkSummary { 
  font-size: var(--font-size4); 
}
.entryImage { 
  justify-content: center; 
}
.entryDate, .entryCategories { 
  font-size: var(--font-size4); 
  font-family: var(--font-family-date); 
  margin: var(--margin2); 
}
.entryCategoryLink { 
  text-decoration: none; 
  color: inherit; 
}
.entryH1, .entryH2, .entryH3, .entrySummary, .entryP { 
  font-family: var(--font-family); 
  margin: var(--margin2); 
}
.entryH1 { 
  font-size: var(--font-size1); 
}
.entryH2 { 
  font-size: var(--font-size2); 
}
.entryH3 { 
  font-size: var(--font-size3); 
}
.entrySummary { 
  font-size: var(--font-size4); 
}
.entryP { 
  font-size: var(--font-size4); 
}
.smallLinkContainer { 
  margin: var(--margin2); 
}
.smallSiteLink { 
  text-decoration: none; 
  color: inherit; 
}
.smallSiteLinkText { 
  font-size: var(--font-size4); 
  font-family: var(--font-family); 
  margin: var(--margin1); 
  padding: 5px 0px; 
}
.entryNoteBox { 
  margin: var(--margin2); 
  background-color: var(--bgcolor-note); 
}
.entryNoteText { 
  font-size: var(--font-size4); 
  font-family: var(--font-family); 
  margin: var(--margin1); 
}
.entryWarnBox { 
  margin: var(--margin2); 
  background-color: var(--bgcolor-warn); 
}
.entryWarnText { 
  font-size: var(--font-size-warn); 
  font-family: var(--font-family-warn); 
  margin: var(--margin1); 
}
.entryCodeBox { 
  margin: var(--margin2); 
  background-color: var(--bgcolor-code); 
}
.entryCodeText { 
  font-size: var(--font-size-code); 
  font-family: var(--font-family-code); 
  margin: var(--margin1); 
}
.commenter { 
  margin: var(--margin2); 
  background-color: var(--bgcolor-note); 
  font-size: var(--font-size-code); 
  font-family: var(--font-family-code); 
}
.commenterBox { 
  margin: var(--margin1); 
}
.commenterUser, .commenterComment { 
  border-radius: 0px; 
  font-size: var(--font-size-code); 
  font-family: var(--font-family-code); 
}
.commenterUser { 
  width: 225px; 
}
.commenterComment { 
  width: 400px; 
  height: 150px; 
  resize: none; 
}
.comment { 
  background-color: var(--bgcolor-note); 
  margin: var(--margin2); 
  padding-right: 50px; 
}
.recomment { 
  background-color: var(--bgcolor-recomment); 
  margin: var(--margin2); 
  padding-left: 50px; 
}
.commentTime { 
  font-family: var(--font-family-date); 
  font-size: var(--font-size5); 
}
.buttonsStyle { 
  max-width: var(--max-width); 
  margin: 0px auto; 
}
.buttonsStyleBox { 
  background-color: var(--bgcolor-note); 
  margin: var(--margin2); 
}
.buttonsStyleSpan { 
  display: flex; 
  justify-content: center; 
}
.buttonStyle { 
  font-size: var(--font-size4); 
  font-family: var(--font-family-button); 
  width: 100px; 
}
.buttonsStyleMessage { 
  font-size: var(--font-size-code); 
  font-family: var(--font-family-code); 
  margin: var(--margin1); 
}
.bottom { 
  color: var(--color-main-light); 
  background-color: var(--color-main-dark); 
}
.bottomBox { 
  max-width: var(--max-width); 
  margin: 0px auto; 
}
.bottomText { 
  font-size: var(--font-size4); 
  font-family: var(--font-family); 
  display: flex; 
  justify-content: center; 
  padding: 12px 0px; 
}
.bottomLink { 
  text-decoration: none; 
  color: inherit; 
}
.bottomSymbolContainer { 
  display: flex; 
  justify-content: center; 
}
.bottomSymbol { 
  fill: var(--color-main-light); 
}
.bottomSymbolBack { 
  fill: var(--color-main-dark); 
}