/* General Styles */
html.theme-terminal body {
  font-size: 1.2rem;
  background-color: #000000;
  color: #00FF44;
  margin: 30px;
  font-family: 'Cousine', monospace;
}

html.theme-terminal li::marker {
  color: #00FF44;
}

html.theme-terminal button.button-terminal-look {
  background-color: #000000;
  color: #00FF44;
  border: 1px solid #00FF44;
  padding: 3px 6px;
  cursor: pointer;
  font-family: 'Cousine', monospace;
  font-size: 0.8rem;
  margin-left: 0;
}

html.theme-terminal button.button-plaintext-look {
  background-color: #000;
  color: skyblue;
  border: none;
  padding: 0;
  font-family: serif;
  font-size: 1rem;
  margin-left: 0;
}

html.theme-terminal .container {
  max-width: 500px;
  line-height: 1.8rem;
}

html.theme-terminal ul {
  list-style-position: outside;
  padding-left: 1.5em;
}

html.theme-terminal p {
  line-height: 1.8rem;
  margin-bottom: 10px;
}

html.theme-terminal a,
html.theme-terminal a:visited {
  color: #00FF44;
}

html.theme-terminal a:hover {
  color: #66FF99;
  text-decoration: underline;
}

/* Typography */
html.theme-terminal pre,
html.theme-terminal code {
  font-size: 1rem;
  line-height: 1.4rem;
  color: #00FF44;
  background-color: #002a00;
  padding: 5px;
  border-radius: 3px;
  font-family: 'Cousine', monospace;
}

html.theme-terminal blockquote {
  font-style: italic;
  color: #00AA33;
}

/* Navigation */
html.theme-terminal nav {
  font-size: 1rem;
  line-height: 1.7rem;
}



/* Page Specific */
html.theme-terminal .home-hero {
  background-image: url('/img/cli.png');
  width: 100%;
  height: 30vh;
}

html.theme-terminal .blog-post {
  margin-bottom: 30px;
}

html.theme-terminal .blog-post h2 {
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-bottom: 3px;
}

html.theme-terminal .blog-post h2 a {
  text-decoration: none;
}

html.theme-terminal .blog-post .pub-date {
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #00AA33;
}

html.theme-terminal .post {
  max-width: 500px;
}

html.theme-terminal .post .published,
.theme-terminal .post .eof {
  font-size: 0.85rem;
  text-transform: uppercase;
  color: #00AA33;
}

html.theme-terminal .post a {
  font-weight: normal;
  text-decoration-thickness: 0.15rem;
}

html.theme-terminal .placeholder-text {
  color: #00AA33;
}

/* Images */
html.theme-terminal p img {
  margin: 10px 10px 10px 0;
}

html.theme-terminal .post img {
  max-width: 700px;
  width: 100%;
}

html.theme-terminal .post img+em {
  /* the display is necessary
   * to allow lineheight to 
   * take precedence over that of p
   */
  display: block;
  color: #00AA33;
  font-size: 1rem;
  line-height: 1.2;
  margin-top: -10px;
}

/* Selection Styles */
html.theme-terminal ::selection {
  background-color: #00FF44;
  color: #000000;
}

html.theme-terminal ::-moz-selection {
  background-color: #00FF44;
  color: #000000;
}