@media print {
  body {
  }
        
  .pagebreak {
    clear: both;
    page-break-after: always;
  }

  .span-overline {
    border-top: 1px solid;
  }

  /*
 * LICENSE
 * 
 * Tomorrow Theme is released under the MIT License:
 * 
 * Copyright (C) 2011 [Chris Kempson](https://github.com/chriskempson)
 * 
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * "Software"), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

.highlight .hll { background-color: #d6d6d6 }
.highlight  { background: #ffffff; color: #4d4d4c }
.highlight .c { color: #8e908c } /* Comment */
.highlight .err { color: #c82829 } /* Error */
.highlight .k { color: #8959a8 } /* Keyword */
.highlight .l { color: #f5871f } /* Literal */
.highlight .n { color: #4d4d4c } /* Name */
.highlight .o { color: #3e999f } /* Operator */
.highlight .p { color: #4d4d4c } /* Punctuation */
.highlight .cm { color: #8e908c } /* Comment.Multiline */
.highlight .cp { color: #8e908c } /* Comment.Preproc */
.highlight .c1 { color: #8e908c } /* Comment.Single */
.highlight .cs { color: #8e908c } /* Comment.Special */
.highlight .gd { color: #c82829 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gh { color: #4d4d4c; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #718c00 } /* Generic.Inserted */
.highlight .gp { color: #8e908c; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #3e999f; font-weight: bold } /* Generic.Subheading */
.highlight .kc { color: #8959a8 } /* Keyword.Constant */
.highlight .kd { color: #8959a8 } /* Keyword.Declaration */
.highlight .kn { color: #3e999f } /* Keyword.Namespace */
.highlight .kp { color: #8959a8 } /* Keyword.Pseudo */
.highlight .kr { color: #8959a8 } /* Keyword.Reserved */
.highlight .kt { color: #eab700 } /* Keyword.Type */
.highlight .ld { color: #718c00 } /* Literal.Date */
.highlight .m { color: #f5871f } /* Literal.Number */
.highlight .s { color: #718c00 } /* Literal.String */
.highlight .na { color: #4271ae } /* Name.Attribute */
.highlight .nb { color: #4d4d4c } /* Name.Builtin */
.highlight .nc { color: #eab700 } /* Name.Class */
.highlight .no { color: #c82829 } /* Name.Constant */
.highlight .nd { color: #3e999f } /* Name.Decorator */
.highlight .ni { color: #4d4d4c } /* Name.Entity */
.highlight .ne { color: #c82829 } /* Name.Exception */
.highlight .nf { color: #4271ae } /* Name.Function */
.highlight .nl { color: #4d4d4c } /* Name.Label */
.highlight .nn { color: #eab700 } /* Name.Namespace */
.highlight .nx { color: #4271ae } /* Name.Other */
.highlight .py { color: #4d4d4c } /* Name.Property */
.highlight .nt { color: #3e999f } /* Name.Tag */
.highlight .nv { color: #c82829 } /* Name.Variable */
.highlight .ow { color: #3e999f } /* Operator.Word */
.highlight .w { color: #4d4d4c } /* Text.Whitespace */
.highlight .mf { color: #f5871f } /* Literal.Number.Float */
.highlight .mh { color: #f5871f } /* Literal.Number.Hex */
.highlight .mi { color: #f5871f } /* Literal.Number.Integer */
.highlight .mo { color: #f5871f } /* Literal.Number.Oct */
.highlight .sb { color: #718c00 } /* Literal.String.Backtick */
.highlight .sc { color: #4d4d4c } /* Literal.String.Char */
.highlight .sd { color: #8e908c } /* Literal.String.Doc */
.highlight .s2 { color: #718c00 } /* Literal.String.Double */
.highlight .se { color: #f5871f } /* Literal.String.Escape */
.highlight .sh { color: #718c00 } /* Literal.String.Heredoc */
.highlight .si { color: #f5871f } /* Literal.String.Interpol */
.highlight .sx { color: #718c00 } /* Literal.String.Other */
.highlight .sr { color: #718c00 } /* Literal.String.Regex */
.highlight .s1 { color: #718c00 } /* Literal.String.Single */
.highlight .ss { color: #718c00 } /* Literal.String.Symbol */
.highlight .bp { color: #4d4d4c } /* Name.Builtin.Pseudo */
.highlight .vc { color: #c82829 } /* Name.Variable.Class */
.highlight .vg { color: #c82829 } /* Name.Variable.Global */
.highlight .vi { color: #c82829 } /* Name.Variable.Instance */
.highlight .il { color: #f5871f } /* Literal.Number.Integer.Long */

  
svg {
  fill: white;
  stroke: black;
}

svg text {
  fill: black;
  stroke: transparent;
}

svg .edge {
  fill: black;
}


  .col-print-12 {width: 100%; margin-left:0px;}
  .col-print-hidden { display: none}

} /* @media print */

@media screen {
  /*! 3024 night by Jan T. Sott (http://github.com/idleberg); http://github.com/0x3024 */
.highlight, .highlight pre, .highlight table { background: hsla(232,15%,15%,1) /*#090300*/ !important; color: #f7f7f7 !important; }
.highlight .hll { background-color: #4a4543 !important; }
.highlight .c { color: #5c5855 !important; } /* Comment */
.highlight .err { color: #db2d20 !important; } /* Error */
.highlight .k { color: #a16a94 !important; } /* Keyword */
.highlight .l { color: #e8bbd0 !important; } /* Literal */
.highlight .n, .highlight .h { color: #f7f7f7 !important; } /* Name */
.highlight .o { color: #b5e4f4 !important; } /* Operator */
.highlight .p { color: #f7f7f7 !important; } /* Punctuation */
.highlight .cm { color: #5c5855 !important; } /* Comment.Multiline */
.highlight .cp { color: #5c5855 !important; } /* Comment.Preproc */
.highlight .c1 { color: #5c5855 !important; } /* Comment.Single */
.highlight .cs { color: #5c5855 !important; } /* Comment.Special */
.highlight .gd { color: #db2d20 !important; } /* Generic.Deleted */
.highlight .ge { font-style: italic !important; } /* Generic.Emph */
.highlight .gh { color: #f7f7f7 !important; font-weight: bold !important; } /* Generic.Heading */
.highlight .gi { color: #01a252 !important; } /* Generic.Inserted */
.highlight .gp { color: #5c5855 !important; font-weight: bold !important; } /* Generic.Prompt */
.highlight .gs { font-weight: bold !important; } /* Generic.Strong */
.highlight .gu { color: #b5e4f4 !important; font-weight: bold !important; } /* Generic.Subheading */
.highlight .kc { color: #a16a94 !important; } /* Keyword.Constant */
.highlight .kd { color: #a16a94 !important; } /* Keyword.Declaration */
.highlight .kn { color: #b5e4f4 !important; } /* Keyword.Namespace */
.highlight .kp { color: #a16a94 !important; } /* Keyword.Pseudo */
.highlight .kr { color: #a16a94 !important; } /* Keyword.Reserved */
.highlight .kt { color: #fded02 !important; } /* Keyword.Type */
.highlight .ld { color: #01a252 !important; } /* Literal.Date */
.highlight .m { color: #e8bbd0 !important; } /* Literal.Number */
.highlight .s { color: #01a252 !important; } /* Literal.String */
.highlight .na { color: #01a0e4 !important; } /* Name.Attribute */
.highlight .nb { color: #f7f7f7 !important; } /* Name.Builtin */
.highlight .nc { color: #fded02 !important; } /* Name.Class */
.highlight .no { color: #db2d20 !important; } /* Name.Constant */
.highlight .nd { color: #b5e4f4 !important; } /* Name.Decorator */
.highlight .ni { color: #f7f7f7 !important; } /* Name.Entity */
.highlight .ne { color: #db2d20 !important; } /* Name.Exception */
.highlight .nf { color: #01a0e4 !important; } /* Name.Function */
.highlight .nl { color: #f7f7f7 !important; } /* Name.Label */
.highlight .nn { color: #fded02 !important; } /* Name.Namespace */
.highlight .nx { color: #01a0e4 !important; } /* Name.Other */
.highlight .py { color: #f7f7f7 !important; } /* Name.Property */
.highlight .nt { color: #b5e4f4 !important; } /* Name.Tag */
.highlight .nv { color: #db2d20 !important; } /* Name.Variable */
.highlight .ow { color: #b5e4f4 !important; } /* Operator.Word */
.highlight .w { color: #f7f7f7 !important; } /* Text.Whitespace */
.highlight .mf { color: #e8bbd0 !important; } /* Literal.Number.Float */
.highlight .mh { color: #e8bbd0 !important; } /* Literal.Number.Hex */
.highlight .mi { color: #e8bbd0 !important; } /* Literal.Number.Integer */
.highlight .mo { color: #e8bbd0 !important; } /* Literal.Number.Oct */
.highlight .sb { color: #01a252 !important; } /* Literal.String.Backtick */
.highlight .sc { color: #f7f7f7 !important; } /* Literal.String.Char */
.highlight .sd { color: #5c5855 !important; } /* Literal.String.Doc */
.highlight .s2 { color: #01a252 !important; } /* Literal.String.Double */
.highlight .se { color: #e8bbd0 !important; } /* Literal.String.Escape */
.highlight .sh { color: #01a252 !important; } /* Literal.String.Heredoc */
.highlight .si { color: #e8bbd0 !important; } /* Literal.String.Interpol */
.highlight .sx { color: #01a252 !important; } /* Literal.String.Other */
.highlight .sr { color: #01a252 !important; } /* Literal.String.Regex */
.highlight .s1 { color: #01a252 !important; } /* Literal.String.Single */
.highlight .ss { color: #01a252 !important; } /* Literal.String.Symbol */
.highlight .bp { color: #f7f7f7 !important; } /* Name.Builtin.Pseudo */
.highlight .vc { color: #db2d20 !important; } /* Name.Variable.Class */
.highlight .vg { color: #db2d20 !important; } /* Name.Variable.Global */
.highlight .vi { color: #db2d20 !important; } /* Name.Variable.Instance */
.highlight .il { color: #e8bbd0 !important; } /* Literal.Number.Integer.Long */
  
svg {
  fill: hsla(232,15%,21%,1);
  stroke: hsla(232,75%,95%,80%);
}

svg text {
  fill: hsla(232,75%,95%,80%);
  stroke: transparent;
}

svg .edge {
  fill: hsla(232,75%,95%,80%);
}

}

svg {
  font-family: 1.9rem;
  margin-top: 10px;
}

.nicedoc-figure {
  display: inline;
}

.nicedoc-figureholder {
  text-align: center;
}

@font-face {
  font-family: 'FiraCode';
  src:  url('FiraCode-Light.ttf') format('truetype');
  font-weight: 200;
}

@font-face {
  font-family: 'FiraCode';
  src:  url('FiraCode-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'FiraCode';
  src:  url('FiraCode-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'FiraCode';
  src:  url('FiraCode-Bold.ttf') format('truetype');
  font-weight: 800;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 200;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-Bold.ttf') format('truetype');
  font-style: bolder;
  font-weight: 300 400;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-ExtraBold.ttf') format('truetype');
  font-style: bold;
  font-weight: 700 900;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 100 200;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: 'Overpass';
  src:  url('overpass-extralight.ttf') format('truetype');
  font-weight: 200;
}

@font-face {
  font-family: 'Overpass';
  src:  url('overpass-regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Overpass';
  src:  url('overpass-bold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Overpass';
  src:  url('overpass-heavy.ttf') format('truetype');
  font-weight: 800;
}


@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-Light.ttf') format('truetype');
  font-weight: 200;
}

@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-Medium.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-Bold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-Black.ttf') format('truetype');
  font-weight: 800;
}


@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-LightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-MediumItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-BoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'SourceSerif';
  src:  url('SourceSerif4-BlackItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}


@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-Regular.ttf') format('truetype');
  font-weight: 200;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-SemiBold.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-Bold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-ExtraBold.ttf') format('truetype');
  font-weight: 800;
}
@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-Italic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-SemiBoldItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-BoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'EBGaramond';
  src:  url('EBGaramond-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'InterLight';
  src:  url('Inter-Light-BETA.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  src:  url('Inter-Regular.ttf') format('truetype')
}

@font-face {
  font-family: 'Inter';
  src:  url('Inter-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'LinLibertine';
  src:  url('LinLibertine_aDRS.ttf') format('truetype')
  font-weight: 300 500;
}

@font-face {
  font-family: 'LinLibertine';
  src:  url('LinLibertine_RBI.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'LinLibertine';
  src:  url('LinLibertine_RB.ttf') format('truetype');
  font-weight: 600 800;
}

@font-face {
  font-family: 'LinLibertineCaps';
  src:  url('LinLibertine_aS.ttf') format('truetype');
}

@font-face {
  font-family: 'LinLibertineCaps';
  src:  url('LinLibertine_aBS.ttf') format('truetype');
  font-weight: bold;
}

body {
  font-family: EBGaramond;
  font-style: normal;

  background-color: hsla(232,15%,21%,1);
  color: hsla(232,75%,95%,80%);
  text-align: justify;


  font-size: 1.9rem;
  font-weight: 100;
}

body:not(.mini-navbar) {
  background-color: hsla(232,15%,21%,1);
}

.gray-bg {
  background-color: hsla(232,15%,21%,1);
}

.border-bottom {
  border-bottom: 0px !important;
}

.navbar-static-top {
  background: hsla(232,15%,21%,1);
  display: none;
}

.nav>li {
  font-size: 1.9rem;
  font-family: Verdana;
  line-height: 1.0em;
  padding-top: 0em;
  padding-bottom: 0em;
}

.nav>li>a {
  font-size: 1.9rem;
  color: hsla(232,75%,95%,80%);
  font-weight: 100;
  padding-left: 0.3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

h1 {
  font-family: 'LinLibertine';
  font-size: 4rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.menu h1 {
  font-family: 'Overpass';
  font-size: 4rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

h2 {
  font-family: 'LinLibertine';
  font-size: 3rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.menu h2 {
  font-family: 'Overpass';
  font-size: 3rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

h3 {
  font-family: 'LinLibertine';
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.menu h3 {
  font-family: 'Overpass';
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  font-family: 'LinLibertine';
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.menu h4 {
  font-family: 'Overpass';
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

h5 {
  font-family: 'LinLibertine';
  font-size: 2.3rem;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}

.menu h5 {
  font-family: 'Overpass';
  font-size: 2.3rem;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}

h6 {
  font-family: 'LinLibertine';
  font-size: 2.3rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.menu h6 {
  font-family: 'Overpass';
  font-size: 2.3rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

p {
  font-family: 'EBGaramond';
  font-size: 1.9rem;
  font-weight: lighter;
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu p {
  font-family: 'SourceSerif';
  font-size: 1.7rem;
  font-weight: lighter;
  margin-top: 0px;
  margin-bottom: 0px;
}

body {
  font-family: 'EBGaramond';
  font-size: 1.9rem;
  font-weight: 100;
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu body {
  font-family: 'SourceSerif';
  font-size: 1.7rem;
  font-weight: 100;
  margin-top: 0px;
  margin-bottom: 0px;
}

pre {
  font-family: 'FiraCode';
  font-size: 1.55rem;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu pre {
  font-family: 'FiraCode';
  font-size: 1.55rem;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}


hr {
  border-top: 2px solid #000;
}

p {
  text-indent: 1.5rem;;
  margin-bottom: 20px;
}

p.noindent {
  text-indent: 0em;
}

.dropcap {
  font-size: 6rem;
  float: left;
  margin-right: 0.2rem;
  margin-top: -1.7rem;
  margin-bottom: -3.0rem;
  font-weight: 500;
}

a {
  color: #4d8bc1
}

hr {
  border: 1px solid hsla(232,18%,86%,1);
}

blockquote {
  border: 0px;
  border-left: 5px solid hsla(232,18%,86%,1);
  padding: 5px 10px;
  font-size: 1.4rem;
}

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: FiraCode;
  height: 300px;
  border: 1px solid hsla(232,15%,15%,1);;

}

.CodeMirror-gutters {
  border-right: 1px solid hsla(232,15%,21%,1);;

}

.CodeMirror-gutter {
  border: 1px solid hsla(232,15%,15%,1);;
  background-color: hsla(232,15%,15%,1);
  white-space: nowrap;
}

.CodeMirror-lines {
  white-space: nowrap;
  font-size: 1.25rem;
  font-family: FiraCode;
}

.CodeMirror.cm-s-default {
  background-color: hsla(232,15%,15%,1);
}

pre {
  border: 1px solid hsla(232,15%,15%,1);
  background-color: hsla(232,15%,15%,1);
  color: hsla(232,18%,86%,1);
}

pre.wrapped {
  text-wrap: balance;

}

.span-italics {
  font-style: italic;
}

.span-bold {
  font-weight: bolder;
}

.span-verybold {
  font-weight: bold;
}

.span-superbold {
  font-weight: superbold;
}

.span-underline {
  text-decoration: underline;
}

.span-strikethrough {
  text-decoration: line-through;
}

.span-overline {
  text-decoration: overline;

  /*border-top: 1px solid;*/
}

.span-code {
  font-size: 1.55rem;
  font-weight: normal;
  font-family: FiraCode;
  border: 3px solid hsla(232,15%,15%,1);
  border-radius: 5px;
  background-color: hsla(232,15%,15%,1);
}

.btn-primary {
  background-color: #000;
  border-color: #000;
}

.simpletable .table {
  width: auto;
}

.simpletable .table>thead:first-child>tr:first-child>th {
  border-top: 1px solid #e7eaec;
}
.simpletable .table th {
  border: 1px solid #e7eaec;
}
.simpletable .table td {
  border: 1px solid #e7eaec;
}
.simpletable .pagination {
  display: none;
}


.ibox-title {
  background-color: hsla(232,15%,31%,1);
  border-color: hsla(232,15%,31%,1);
}

.ibox-content {
  background-color: hsla(232,15%,25%,1);
  border-color: hsla(232,15%,25%,1);
}


.n_bold {
  font-weight: bold;
}

.n_italic {
  font-style: italic;
}

.n_underline {
  text-decoration: underline;
}

.n_overline {
  text-decoration: overline;
}

.n_strikeout {
  text-decoration: line-through;
}



.blog h1 {
  font-family: FiraCode;
}

.blog h2 {
  font-family: FiraCodeLight;
}

.blog p {
  text-align: left;
  color: hsla(232,18%,86%,1);
  font-size: 1.25rem;
  font-weight: 600;
  font-family: FiraCodeLight;
  text-indent: 0em;
  white-space: pre-wrap;
}

.menu {
  margin-top: 2em;

  font-size: 1.4rem;
  font-weight: 100;

}

.menu #selected {
  color: hsla(232,75%,95%,80%);
  margin-left: -10px;
  /* background-color: hsla(232,15%,50%,1); */
  /* border-left: 5px solid hsla(232,15%,50%,1); */
}

.menu #selected:after {
  font-family: "FontAwesome"; 
  font-weight: 900; 
  / * content: "\f053";  */
  color: hsla(232,75%,95%,80%);
  position: absolute;
  left: 10px ;
}
.menu #selected:before {
  font-family: "FontAwesome"; 
  font-weight: 900; 
  content: "\f054"; 
  color: hsla(232,75%,95%,80%);
  position: relative;
  right: 10px ;
}

.menu .panel-heading {
  background-color: transparent;
  padding: 0px;
  color: inherit;
}

.menu a.menulink {
  color: #4d8bc1;
}

.menu a.menulink:hover, a.menulink:focus {
  color: #23527c;
}


.menu h5 {
  margin: 0px;
  font-family: 'SourceSerif';
  font-size: 1.4rem;

  line-height: 1.42857143;
}

.menu .panel {
  background-color: transparent;
  border: 0px;
}

.menu .panel-body {
  padding: 0em;
  padding-left: 0.5em;
}

.menu  .panel-heading+.panel-collapse>.panel-body {

  border-top: 1px solid hsla(232,15%,50%,1);
}

.menu .panel-group {
  margin-bottom: 0px;
  margin-top: 0em;
}

.menu ul {
  text-align: left;
  padding-inline-start: 0px;
  list-style-type: none;
  margin-bottom: 0.5em;
      font-family: 'SourceSerif';
}

.menu .panel-title {
    color: #888;
}

.menu .panel-title a[data-toggle].collapsed:before {
    font-family: "FontAwesome"; 
    font-weight: 900; 
    content: "\f105";
    color:  hsla(232,75%,95%,80%);
    position: absolute;
    right: 30px;
}

.menu .panel-title a[data-toggle]:not(.collapsed):after {
    font-family: "FontAwesome"; 
    font-weight: 900; 
    content: "\f107"; 
    color:  hsla(232,75%,95%,80%);
    position: absolute;
    right: 30px;
}