body {
    font-family: "Open Sans", sans-serif;
    background-color: #252E42;
    color: #ffffff;
    line-height: 1.6;
    margin: 2em;
}

h1, h2, h3, h4, h5, h6 {
    color: #faa847;
}

h3 > code {
    font-size: 1.4em;
}

.demo__logo {
  height: 130px;
  display: flex;
  justify-content: center;   /* Center horizontally */
  align-items: center;       /* Center vertically */
  flex-direction: column;
  font-size: 0.75rem;
  text-align: center;
}

.logo-link {
  text-decoration: none;
  color: inherit;
  display: inline-block;  /* Optional, but safe */
}

.demo__logo-img:hover {
  content: url('/static/svgs/Mama-ai_logo-NEGATIVE_orange_mama.png');
}

.demo__logo-img {
    height: 90%;
}

.orange {
    color: #faa847;
}

a {
    color: #4da3ff;
}

a:hover {
    color: #ff9933;
}

p {
    margin-bottom: 1.25em;
}

pre {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 1em;
    overflow: auto;
    border-radius: 5px;
}

code {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 0.2em 0.4em;
    border-radius: 3px;
}

blockquote {
    border-left: 3px solid #ffcc66;
    margin: 0;
    padding-left: 1em;
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1.25em;
}

th, td {
    border: 1px solid #666;
    padding: 0.5em;
    text-align: left;
}

hr {
    border-color: #ffcc66;
}

code span.al { color: #ff8c8c; font-weight: bold; } /* Alert */
code span.an { color: #94b3ff; font-weight: bold; font-style: italic; } /* Annotation */
code span.at { color: #b6d68b; } /* Attribute */
code span.bn { color: #7fd0b3; } /* BaseN */
code span.bu { color: #66ff66; } /* BuiltIn */
code span.cf { color: #66ff66; font-weight: bold; } /* ControlFlow */
code span.ch { color: #8ca9c8; } /* Char */
code span.cn { color: #ff8c8c; } /* Constant */
code span.co { color: #94b3ff; font-style: italic; } /* Comment */
code span.cv { color: #94b3ff; font-weight: bold; font-style: italic; } /* CommentVar */
code span.do { color: #ff8c8c; font-style: italic; } /* Documentation */
code span.dt { color: #ffaa66; } /* DataType */
code span.dv { color: #7fd0b3; } /* DecVal */
code span.er { color: #ff8c8c; font-weight: bold; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: #7fd0b3; } /* Float */
code span.fu { color: #005288; } /* Function */
code span.im { color: #66ff66; font-weight: bold; } /* Import */
code span.in { color: #94b3ff; font-weight: bold; font-style: italic; } /* Information */
code span.kw { color: #56b756; font-weight: bold; } /* Keyword */
code span.op { color: #b3b3b3; } /* Operator */
code span.ot { color: #b3b3b3; } /* Other */
code span.pp { color: #ffd966; } /* Preprocessor */
code span.sc { color: #8ca9c8; } /* SpecialChar */
code span.ss { color: #cc99bb; } /* SpecialString */
code span.st { color: #8ca9c8; } /* String */
code span.va { color: #6666cc; } /* Variable */
code span.vs { color: #8ca9c8; } /* VerbatimString */
code span.wa { color: #94b3ff; font-weight: bold; font-style: italic; } /* Warning */
/* Add more styles as needed */