pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: Decaf
  Author: Alex Mirrington (https://github.com/alexmirrington)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/
/*
  WARNING: DO NOT EDIT THIS FILE DIRECTLY.

  This theme file was auto-generated from the Base16 scheme decaf
  by the Highlight.js Base16 template builder.

  - https://github.com/highlightjs/base16-highlightjs
*/
/*
base00  #2d2d2d  Default Background
base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
base02  #515151  Selection Background
base03  #777777  Comments, Invisibles, Line Highlighting
base04  #b4b7b4  Dark Foreground (Used for status bars)
base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
base06  #e0e0e0  Light Foreground (Not often used)
base07  #ffffff  Light Background (Not often used)
base08  #ff7f7b  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
base09  #ffbf70  Integers, Boolean, Constants, XML Attributes, Markup Link Url
base0A  #ffd67c  Classes, Markup Bold, Search Text Background
base0B  #beda78  Strings, Inherited Class, Markup Code, Diff Inserted
base0C  #bed6ff  Support, Regular Expressions, Escape Characters, Markup Quotes
base0D  #90bee1  Functions, Methods, Attribute IDs, Headings
base0E  #efb3f7  Keywords, Storage, Selector, Markup Italic, Diff Changed
base0F  #ff93b3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
.hljs {
  color: #cccccc;
  background: #2d2d2d
}
.hljs::selection,
.hljs ::selection {
  background-color: #515151;
  color: #cccccc
}
/* purposely do not highlight these things */
.hljs-formula,
.hljs-params,
.hljs-property {
  
}
/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
.hljs-comment {
  color: #777777
}
/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
.hljs-tag {
  color: #b4b7b4
}
/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
.hljs-subst,
.hljs-punctuation,
.hljs-operator {
  color: #cccccc
}
.hljs-operator {
  opacity: 0.7
}
/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
.hljs-bullet,
.hljs-variable,
.hljs-template-variable,
.hljs-selector-tag,
.hljs-name,
.hljs-deletion {
  color: #ff7f7b
}
/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
.hljs-symbol,
.hljs-number,
.hljs-link,
.hljs-attr,
.hljs-variable.constant_,
.hljs-literal {
  color: #ffbf70
}
/* base0A - Classes, Markup Bold, Search Text Background */
.hljs-title,
.hljs-class .hljs-title,
.hljs-title.class_ {
  color: #ffd67c
}
.hljs-strong {
  font-weight: bold;
  color: #ffd67c
}
/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
.hljs-code,
.hljs-addition,
.hljs-title.class_.inherited__,
.hljs-string {
  color: #beda78
}
/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
/* guessing */
.hljs-built_in,
.hljs-doctag,
.hljs-quote,
.hljs-keyword.hljs-atrule,
.hljs-regexp {
  color: #bed6ff
}
/* base0D - Functions, Methods, Attribute IDs, Headings */
.hljs-function .hljs-title,
.hljs-attribute,
.ruby .hljs-property,
.hljs-title.function_,
.hljs-section {
  color: #90bee1
}
/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
/* .hljs-selector-id, */
/* .hljs-selector-class, */
/* .hljs-selector-attr, */
/* .hljs-selector-pseudo, */
.hljs-type,
.hljs-template-tag,
.diff .hljs-meta,
.hljs-keyword {
  color: #efb3f7
}
.hljs-emphasis {
  color: #efb3f7;
  font-style: italic
}
/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
/*
  prevent top level .keyword and .string scopes
  from leaking into meta by accident
*/
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
  color: #ff93b3
}
/* for v10 compatible themes */
.hljs-meta .hljs-keyword,
.hljs-meta-keyword {
  font-weight: bold
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: Default Dark
  Author: Chris Kempson (http://chriskempson.com)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/
/*
  WARNING: DO NOT EDIT THIS FILE DIRECTLY.

  This theme file was auto-generated from the Base16 scheme default-dark
  by the Highlight.js Base16 template builder.

  - https://github.com/highlightjs/base16-highlightjs
*/
/*
base00  #181818  Default Background
base01  #282828  Lighter Background (Used for status bars, line number and folding marks)
base02  #383838  Selection Background
base03  #585858  Comments, Invisibles, Line Highlighting
base04  #b8b8b8  Dark Foreground (Used for status bars)
base05  #d8d8d8  Default Foreground, Caret, Delimiters, Operators
base06  #e8e8e8  Light Foreground (Not often used)
base07  #f8f8f8  Light Background (Not often used)
base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
base0A  #f7ca88  Classes, Markup Bold, Search Text Background
base0B  #a1b56c  Strings, Inherited Class, Markup Code, Diff Inserted
base0C  #86c1b9  Support, Regular Expressions, Escape Characters, Markup Quotes
base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
base0E  #ba8baf  Keywords, Storage, Selector, Markup Italic, Diff Changed
base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
.hljs {
  color: #d8d8d8;
  background: #181818
}
.hljs::selection,
.hljs ::selection {
  background-color: #383838;
  color: #d8d8d8
}
/* purposely do not highlight these things */
.hljs-formula,
.hljs-params,
.hljs-property {
  
}
/* base03 - #585858 -  Comments, Invisibles, Line Highlighting */
.hljs-comment {
  color: #585858
}
/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
.hljs-tag {
  color: #b8b8b8
}
/* base05 - #d8d8d8 -  Default Foreground, Caret, Delimiters, Operators */
.hljs-subst,
.hljs-punctuation,
.hljs-operator {
  color: #d8d8d8
}
.hljs-operator {
  opacity: 0.7
}
/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
.hljs-bullet,
.hljs-variable,
.hljs-template-variable,
.hljs-selector-tag,
.hljs-name,
.hljs-deletion {
  color: #ab4642
}
/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
.hljs-symbol,
.hljs-number,
.hljs-link,
.hljs-attr,
.hljs-variable.constant_,
.hljs-literal {
  color: #dc9656
}
/* base0A - Classes, Markup Bold, Search Text Background */
.hljs-title,
.hljs-class .hljs-title,
.hljs-title.class_ {
  color: #f7ca88
}
.hljs-strong {
  font-weight: bold;
  color: #f7ca88
}
/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
.hljs-code,
.hljs-addition,
.hljs-title.class_.inherited__,
.hljs-string {
  color: #a1b56c
}
/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
/* guessing */
.hljs-built_in,
.hljs-doctag,
.hljs-quote,
.hljs-keyword.hljs-atrule,
.hljs-regexp {
  color: #86c1b9
}
/* base0D - Functions, Methods, Attribute IDs, Headings */
.hljs-function .hljs-title,
.hljs-attribute,
.ruby .hljs-property,
.hljs-title.function_,
.hljs-section {
  color: #7cafc2
}
/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
/* .hljs-selector-id, */
/* .hljs-selector-class, */
/* .hljs-selector-attr, */
/* .hljs-selector-pseudo, */
.hljs-type,
.hljs-template-tag,
.diff .hljs-meta,
.hljs-keyword {
  color: #ba8baf
}
.hljs-emphasis {
  color: #ba8baf;
  font-style: italic
}
/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
/*
  prevent top level .keyword and .string scopes
  from leaking into meta by accident
*/
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
  color: #a16946
}
/* for v10 compatible themes */
.hljs-meta .hljs-keyword,
.hljs-meta-keyword {
  font-weight: bold
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: Default Light
  Author: Chris Kempson (http://chriskempson.com)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/
/*
  WARNING: DO NOT EDIT THIS FILE DIRECTLY.

  This theme file was auto-generated from the Base16 scheme default-light
  by the Highlight.js Base16 template builder.

  - https://github.com/highlightjs/base16-highlightjs
*/
/*
base00  #f8f8f8  Default Background
base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
base02  #d8d8d8  Selection Background
base03  #b8b8b8  Comments, Invisibles, Line Highlighting
base04  #585858  Dark Foreground (Used for status bars)
base05  #383838  Default Foreground, Caret, Delimiters, Operators
base06  #282828  Light Foreground (Not often used)
base07  #181818  Light Background (Not often used)
base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
base0A  #f7ca88  Classes, Markup Bold, Search Text Background
base0B  #a1b56c  Strings, Inherited Class, Markup Code, Diff Inserted
base0C  #86c1b9  Support, Regular Expressions, Escape Characters, Markup Quotes
base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
base0E  #ba8baf  Keywords, Storage, Selector, Markup Italic, Diff Changed
base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
.hljs {
  color: #383838;
  background: #f8f8f8
}
.hljs::selection,
.hljs ::selection {
  background-color: #d8d8d8;
  color: #383838
}
/* purposely do not highlight these things */
.hljs-formula,
.hljs-params,
.hljs-property {
  
}
/* base03 - #b8b8b8 -  Comments, Invisibles, Line Highlighting */
.hljs-comment {
  color: #b8b8b8
}
/* base04 - #585858 -  Dark Foreground (Used for status bars) */
.hljs-tag {
  color: #585858
}
/* base05 - #383838 -  Default Foreground, Caret, Delimiters, Operators */
.hljs-subst,
.hljs-punctuation,
.hljs-operator {
  color: #383838
}
.hljs-operator {
  opacity: 0.7
}
/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
.hljs-bullet,
.hljs-variable,
.hljs-template-variable,
.hljs-selector-tag,
.hljs-name,
.hljs-deletion {
  color: #ab4642
}
/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
.hljs-symbol,
.hljs-number,
.hljs-link,
.hljs-attr,
.hljs-variable.constant_,
.hljs-literal {
  color: #dc9656
}
/* base0A - Classes, Markup Bold, Search Text Background */
.hljs-title,
.hljs-class .hljs-title,
.hljs-title.class_ {
  color: #f7ca88
}
.hljs-strong {
  font-weight: bold;
  color: #f7ca88
}
/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
.hljs-code,
.hljs-addition,
.hljs-title.class_.inherited__,
.hljs-string {
  color: #a1b56c
}
/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
/* guessing */
.hljs-built_in,
.hljs-doctag,
.hljs-quote,
.hljs-keyword.hljs-atrule,
.hljs-regexp {
  color: #86c1b9
}
/* base0D - Functions, Methods, Attribute IDs, Headings */
.hljs-function .hljs-title,
.hljs-attribute,
.ruby .hljs-property,
.hljs-title.function_,
.hljs-section {
  color: #7cafc2
}
/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
/* .hljs-selector-id, */
/* .hljs-selector-class, */
/* .hljs-selector-attr, */
/* .hljs-selector-pseudo, */
.hljs-type,
.hljs-template-tag,
.diff .hljs-meta,
.hljs-keyword {
  color: #ba8baf
}
.hljs-emphasis {
  color: #ba8baf;
  font-style: italic
}
/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
/*
  prevent top level .keyword and .string scopes
  from leaking into meta by accident
*/
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
  color: #a16946
}
/* for v10 compatible themes */
.hljs-meta .hljs-keyword,
.hljs-meta-keyword {
  font-weight: bold
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/
/*
This is left on purpose making default.css the single file that can be lifted
as-is from the repository directly without the need for a build step

Typically this "required" baseline CSS is added by `makestuff.js` during build.
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/* end baseline CSS */
.hljs {
  background: #F3F3F3;
  color: #444
}
/* Base color: saturation 0; */
.hljs-subst {
  /* default */
  
}
/* purposely ignored */
.hljs-formula,
.hljs-attr,
.hljs-property,
.hljs-params {
  
}
.hljs-comment {
  color: #697070
}
.hljs-tag,
.hljs-punctuation {
  color: #444a
}
.hljs-tag .hljs-name,
.hljs-tag .hljs-attr {
  color: #444
}
.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold
}
/* User color: hue: 0 */
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #880000
}
.hljs-title,
.hljs-section {
  color: #880000;
  font-weight: bold
}
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-operator,
.hljs-selector-pseudo {
  color: #ab5656
}
/* Language color: hue: 90; */
.hljs-literal {
  color: #695
}
.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #397300
}
/* Meta color: hue: 200 */
.hljs-meta {
  color: #1f7199
}
.hljs-meta .hljs-string {
  color: #38a
}
/* Misc effects */
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: Solarized Light
  Author: Ethan Schoonover (modified by aramisgithub)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/
/*
  WARNING: DO NOT EDIT THIS FILE DIRECTLY.

  This theme file was auto-generated from the Base16 scheme solarized-light
  by the Highlight.js Base16 template builder.

  - https://github.com/highlightjs/base16-highlightjs
*/
/*
base00  #fdf6e3  Default Background
base01  #eee8d5  Lighter Background (Used for status bars, line number and folding marks)
base02  #93a1a1  Selection Background
base03  #839496  Comments, Invisibles, Line Highlighting
base04  #657b83  Dark Foreground (Used for status bars)
base05  #586e75  Default Foreground, Caret, Delimiters, Operators
base06  #073642  Light Foreground (Not often used)
base07  #002b36  Light Background (Not often used)
base08  #dc322f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
base09  #cb4b16  Integers, Boolean, Constants, XML Attributes, Markup Link Url
base0A  #b58900  Classes, Markup Bold, Search Text Background
base0B  #859900  Strings, Inherited Class, Markup Code, Diff Inserted
base0C  #2aa198  Support, Regular Expressions, Escape Characters, Markup Quotes
base0D  #268bd2  Functions, Methods, Attribute IDs, Headings
base0E  #6c71c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
base0F  #d33682  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
.hljs {
  color: #586e75;
  background: #fdf6e3
}
.hljs::selection,
.hljs ::selection {
  background-color: #93a1a1;
  color: #586e75
}
/* purposely do not highlight these things */
.hljs-formula,
.hljs-params,
.hljs-property {
  
}
/* base03 - #839496 -  Comments, Invisibles, Line Highlighting */
.hljs-comment {
  color: #839496
}
/* base04 - #657b83 -  Dark Foreground (Used for status bars) */
.hljs-tag {
  color: #657b83
}
/* base05 - #586e75 -  Default Foreground, Caret, Delimiters, Operators */
.hljs-subst,
.hljs-punctuation,
.hljs-operator {
  color: #586e75
}
.hljs-operator {
  opacity: 0.7
}
/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
.hljs-bullet,
.hljs-variable,
.hljs-template-variable,
.hljs-selector-tag,
.hljs-name,
.hljs-deletion {
  color: #dc322f
}
/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
.hljs-symbol,
.hljs-number,
.hljs-link,
.hljs-attr,
.hljs-variable.constant_,
.hljs-literal {
  color: #cb4b16
}
/* base0A - Classes, Markup Bold, Search Text Background */
.hljs-title,
.hljs-class .hljs-title,
.hljs-title.class_ {
  color: #b58900
}
.hljs-strong {
  font-weight: bold;
  color: #b58900
}
/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
.hljs-code,
.hljs-addition,
.hljs-title.class_.inherited__,
.hljs-string {
  color: #859900
}
/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
/* guessing */
.hljs-built_in,
.hljs-doctag,
.hljs-quote,
.hljs-keyword.hljs-atrule,
.hljs-regexp {
  color: #2aa198
}
/* base0D - Functions, Methods, Attribute IDs, Headings */
.hljs-function .hljs-title,
.hljs-attribute,
.ruby .hljs-property,
.hljs-title.function_,
.hljs-section {
  color: #268bd2
}
/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
/* .hljs-selector-id, */
/* .hljs-selector-class, */
/* .hljs-selector-attr, */
/* .hljs-selector-pseudo, */
.hljs-type,
.hljs-template-tag,
.diff .hljs-meta,
.hljs-keyword {
  color: #6c71c4
}
.hljs-emphasis {
  color: #6c71c4;
  font-style: italic
}
/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
/*
  prevent top level .keyword and .string scopes
  from leaking into meta by accident
*/
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
  color: #d33682
}
/* for v10 compatible themes */
.hljs-meta .hljs-keyword,
.hljs-meta-keyword {
  font-weight: bold
}
@font-face {
  font-family: "SourceSansPro";
  src: url(/SourceSansPro-Regular.otf);
}

body {
  font-family: "sans-serif";
  margin: 0;
  color: #404040;
}

h1 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #999933;
  margin: 0.5rem 0 0.3rem 0;
}

h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #404040;
  /*margin: 0.2rem 0 0.5rem 0;*/
  margin: 1rem 0 1rem 0;
}

h3 {
  padding: 0.2em 0 0.2em 0;
  margin: 1rem 0 1rem 0;
  font-size: 1.3em;
}

h4 {
  padding: 0.2em 0 0.2em 0;
  margin: 1rem 0 1rem 0;
  font-size: 1.1em;
}

h5 {
  margin: 1rem 0 0.2rem 0;
  font-size: 1.1em;
}

p {
  margin: 0;
  padding-bottom: 0.8em;
  font-size: 1rem;
}

span.p {
  font-size: 1rem;
}

a {
  color: #2574a9;
  text-decoration: underline;
}

a:hover {
  color: #8ce;
  text-decoration: none;
}

ol {
  font-size: 1rem;
  margin: 0.2em 0 0.8em 0;
}

ul {
  font-size: 1rem;
  margin: 0.2em 0 0.8em 0;
}

li {
  margin: 0.3em 0 0.3em 0;
}

code {
  background: #dfdfdf;
  /*background: #f3f3f3;*/
  font-size: 1rem;
}

#wrapper-small {
  max-width: 850px;
  margin: 0 auto;
}

#wrapper-large {
  margin: 0 auto;
}

#header-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, 400px);
  padding: 0.8rem 1rem;
  align-items: baseline;
}

#header-grid h1 {
  color: #404040;
  font-size: 2.5rem;
}

#header-grid .descriptor {
  font-size: 1.6rem;
  padding-bottom: 0.3rem;
}

#header_bottom-grid {
  display: grid;
  /*grid-template-columns: repeat(auto-fit, 1fr);*/
  /*grid-column-gap: 0.2em;*/
  /*grid-row-gap: 0.2em;*/
  padding: 0 0.5rem 1.5rem 0.4rem;
  align-items: center;
  /*place-content: center;*/
  /*border-top: 1px solid black;*/
  /*border-bottom: 1px solid black;*/
}

#header_bottom-grid a {
  color: #2574a9;
  text-decoration: none;
  font-weight: bold;
  padding: 0.4rem 0.6rem;
  font-size: 1.3rem;
  display: inline-block;
  width: fit-content;
  /*text-align: center;*/
}

#header_bottom-grid a:hover {
  text-decoration: underline;
}

#header_bottom-grid div {
}

#header_bottom-grid button {
  font-size: 1.3rem;
  font-weight: bold;
  font-family: inherit;
  border: none;
  padding: 0.4rem 0.6rem!important;
  color: #2574a9;
  background-color: inherit;
  text-decoration: none;
  display: inline-block;
}

#header_bottom-grid button:hover {
  background-color: none;
  text-decoration: underline;
}

#header_bottom-grid button:hover a {
  background-color: none;
  text-decoration: underline;
}

#header_bottom-grid form {
  display: inline-block;
}

#body-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1.5ex;
  grid-row-gap: 0.3ex;
  padding: 0.2em 1em 1em 1em;
}

#welcome-imagegrid {
  display: grid;
  grid-template-columns: 40% 40%;
  grid-column-gap: 1%;
  grid-row-gap: 0.2ex;
  overflow: hidden;
}

.screenshot {
  object-fit: cover;
  width: 100%;
  border: 1px gray solid;
}

.dashdisplay {
  grid-column: 1 / 13;
  padding-top: 0.7ex;
}

.dashdisplay .notice {
  padding: 0;
  margin: 0;
}

.dashdisplay .alert {
  padding: 0;
  margin: 0;
}

.desc {
  padding: 0.4rem 0;
}

.divider {
  border-top: 1px solid black;
  width: 50%;
  margin: 2em auto;
}

h3.resume {
  padding: 0.2em 0 0.2em 0;
  margin:0;
}

h4.resume {
  font-weight: normal;
  padding: 0.2em 0 0.5em 0;
  margin:0;
}

ul.resume {
  padding-bottom: 0.3em;
}

table, th, td {
  border: 1px solid black;
}

table {
  margin-bottom: 0.8em;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */