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
}
@font-face {
  font-family: "SourceSansPro";
  src: url(/assets/SourceSansPro-Regular-fb1f5570add157e6d0146158d87cab4f5b1f7e64656b9091cae723bd2b6e8a98.otf);
}

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

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

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

#header-grid .image {
}

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

#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 0 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;
}

#dashnav-grid {
  display: grid;
  padding: 0 0.5rem 0 0.4rem;
  background-color: #ddcc77;
  align-items: center;
}

#dashnav-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;
}

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

#dashnav-grid div {
  width: fit-content;
}


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

#admin-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-column-gap: 1.5ex;
  grid-row-gap: 0.3ex;
  padding: 1em;
}

.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;
}

.desc-header {
  font-size: 1.6rem;
  font-weight: bold;
  color: #999933;
}

.desc-subheader {
  font-size: 1.4rem;
  font-weight: bold;
  color: #404040;
  padding: 0.3rem 0;
}

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

#footer-grid {
  display: grid;
  padding: 2.5rem 0;
}

h1 {
  font-size: 2rem;
  font-weight: bold;
  color: #999933;
  margin: 0.7rem 0 0.7rem 0;
}

h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #404040;
  margin: 0.7rem 0 0.7rem 0;
}

h3 {
  margin: 0;
  font-size: 1.3em;
  margin: 0.5em 0 0.5em 0;
}

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

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

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

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

li {
  margin: 0.3em 0;
}
/*
 * 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.
 *


 */