/* Color Theme Swatches in Hex */
.title {
  font-family: 'Yanone Kaffeesatz', arial, sans-serif;
  font-size: xx-large; }

h1, h2, h3 {
  font-family: 'Yanone Kaffeesatz', arial, sans-serif; }

body {
  font-size: medium;
  font-family: 'Raleway', arial, sans-serif; }

.wasm-function {
  margin: 0.5em; }

.wasm-demo-button > .btn-primary {
  background-color: #25000A;
  border-color: #590420;
  margin-bottom: 1em; }

.wasm-output {
  margin: 0.5em; }

.highlight pre {
  padding: 0.5em; }

h1 small {
  font-size: 30%; }

h1 a:hover {
  color: #590420; }

header a, h2 a {
  color: #590420;
  font-weight: normal; }

a {
  color: #590420;
  font-weight: bolder; }

a:hover {
  color: #AD9A6B;
  text-decoration: none; }

.navbar-dark {
  background-color: #25000A; }
  .navbar-dark a {
    color: #AD9A6B; }

.btn-run {
  color: #fff;
  background-color: #590420;
  border-color: #AD9A6B; }
  .btn-run:hover {
    color: #fff;
    background-color: #25000A;
    border-color: #938052; }
  .btn-run:focus, .btn-run.focus {
    color: #fff;
    background-color: #25000A;
    border-color: #938052;
    box-shadow: 0 0 0 0.2rem rgba(185, 169, 129, 0.5); }
  .btn-run.disabled, .btn-run:disabled {
    color: #fff;
    background-color: #590420;
    border-color: #AD9A6B; }
  .btn-run:not(:disabled):not(.disabled):active, .btn-run:not(:disabled):not(.disabled).active, .show > .btn-run.dropdown-toggle {
    color: #fff;
    background-color: #28020e;
    border-color: #8b794d; }
    .btn-run:not(:disabled):not(.disabled):active:focus, .btn-run:not(:disabled):not(.disabled).active:focus, .show > .btn-run.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(185, 169, 129, 0.5); }

footer {
  font-size: 75%; }