{{ define "style" }}
<style>
  body {
      background-image: url("/static/images/bg.webp");
      /* Full height */
      height: 100%;

      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;

      background-color: #002b36;

      color: #eee8d5;
  }

  pre {
      color: #2aa198;
  }

  .base2 {
      background-color: #073642;
      color: #eee8d5;
  }

  .dynamic-echo {
      background-color: #002b36;
  }

  .dynamic-bg {
      background-color: #002b36;
  }

  .dynamic-panel {
      opacity: 0.75;
      background-color: #002b36;
  }

  .dynamic-post-title {
      color: #839496;
  }

  .dynamic-post-text {
      white-space: pre-line;
      color: #93a1a1;
  }

  .dynamic-opacity-1 {
      opacity: 1 !important;
  }

  .dynamic-opacity-95 {
      opacity: 0.95;
  }

  .dynamic-post {
      margin-bottom: 0.5em;
      background-color: #002b36;
      box-shadow: 0px 0px 15px #002b36;
  }

  .docs a {
      color: #268bd2;
  }

  .docs-subheader a {
      text-decoration: none;
  }

  @media only screen and (max-width: 1000px) {
    .dynamic-post {
        margin-bottom: 0.5em;
        background-color: #002b36;
        box-shadow: 0px 0px 15px #002b36;
    }
  }

  .dynamic-post a {
      color: #268bd2;
  }

  .text-link {
      color: #268bd2;
  }

  .echo {
  }

  .echo-card:hover {
      background-color: #073642;
  }

  .quote {
      color: green;
      border: 0;
      border-right: 1px;
      border-style: solid;
      border-color: grey;
      padding-right: 0.5em;
  }

  @media only screen and (max-width: 1000px) {
    .hideit {
        display: none;
    }
  }

</style>
{{ end }}