body {
  font-size: 16;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  max-width: 1000px;  /* For Desktop PC (see @media for Tablets/Phones) */
  padding-left: 2ch;
  padding-right: 3ch;
  margin: 0 auto;
  background-color: #282C34;
}

a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

#map {
  width: 73%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#route {
  width: 25%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}

img {
  border: none;
}
h1 {
	text-align: center;
	color: #98C379;
	text-transform: uppercase;
    font-size: 16;
}
label {
  margin-top: 0px;
  margin-bottom: 2ch;
  text-align: justify;
  color: #FFFFFF;
}
p {
  margin-top: 0px;
  margin-bottom: 2ch;
  text-align: justify;
  color: #FFFFFF;
}
p.header {
    font-family: courier;
    text-align: left;
    color:#D19A66;
    font-weight: bold;
    text-transform: uppercase;
    font-size: large;
}
p.subheading {
    font-family: courier;
    text-align: left;
    color:#8866d1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: large;
}
p.link {
  margin-left: 2ch;
}

p.home_end {
  text-align: center;
  color: #BE5046;
  font-family: "Courier New", Courier, monospace;
}

pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 1ch;
}

@media (max-width: 900px) { /* For small screen decices */
  body {
      font-size: 12px; 
    }
  pre {
    font-size: 12px;
    }
  h1 {
    font-size: 12px;
  }
}


/* a11y-dark theme */
/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
/* @author: ericwbailey */

/* Comment */
.hljs-comment,
.hljs-quote {
  color: #d4d0ab;
}

/* Red */
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: #ffa07a;
}

/* Orange */
.hljs-number,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link {
  color: #f5ab35;
}

/* Yellow */
.hljs-attribute {
  color: #ffd700;
}

/* Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: #abe338;
}

/* Blue */
.hljs-title,
.hljs-section {
  color: #00e0e0;
}

/* Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #dcc6e0;
}

.hljs {
  display: block;
  overflow-x: auto;
  background: #2b2b2b;
  color: #f8f8f2;
  padding: 0.5em;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

@media screen and (-ms-high-contrast: active) {
  .hljs-addition,
  .hljs-attribute,
  .hljs-built_in,
  .hljs-builtin-name,
  .hljs-bullet,
  .hljs-comment,
  .hljs-link,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-params,
  .hljs-string,
  .hljs-symbol,
  .hljs-type,
  .hljs-quote {
        color: highlight;
    }

    .hljs-keyword,
    .hljs-selector-tag {
        font-weight: bold;
    }
}