[data-md-color-scheme="entropy-bright"] {
  --md-primary-fg-color: #404044;
  --md-accent-fg-color: #3082CF;
  --md-typeset-a-color: #3082CF;
  --md-footer-bg-color: #404044;
  --md-default-bg-color:#E5E5E5;
  --md-tabs-color: #464647; 
}
[data-md-color-scheme="entropy-high-contrast"] {
  --md-primary-fg-color: #404044;
  --md-accent-fg-color: #3082CF;
  --md-typeset-a-color: #3082CF;
  --md-footer-bg-color: #404044;
  --md-default-bg-color:#ffffff;
  --md-tabs-color: #464647; 
  --md-typeset-color: black;
}

[data-md-color-scheme="entropy-dark"] {
  --md-primary-fg-color: #404044;
  --md-accent-fg-color: #3082CF;
  --md-typeset-a-color: #3082CF;
  --md-typeset-color: #C6CDD6;
  --md-footer-bg-color: #404044;
  --md-default-bg-color:#2B2C32;
  --md-code-bg-color:#323339;
  --md-default-fg-color:#F6F9FA;
  --md-default-fg-color--light: rgba(255,255,255,.54);
  --md-default-fg-color--lighter: rgba(255,255,255,.32);
  --md-typeset-kbd-color: #323339;
  --md-typeset-kbd-accent-color: #2B2C32;
  --md-code-fg-color: #F6F9FA;
  --md-code-hl-name-color: #C6CDD6;
  --md-code-hl-operator-color: #F6F9FA;
  --md-code-hl-punctuation-color: #F6F9FA; 
  --md-code-hl-color: rgba(115, 115, 51, 0.54);
  --md-code-hl-comment-color: rgba(255,255,255,.32);
  --md-default-fg-color--light: rgba(255,255,255,.54);
  --md-default-fg-color--lighter: rgba(255,255,255,.32);
  --md-typeset-table-color: rgba(255,255,255,.32);
  --md-code-hl-string-color: #00D59A;
  --md-code-hl-number-color: #FF2463;
  --md-code-hl-keyword-color: #6593ea;
  --md-code-hl-constant-color: #6593ea;
  --md-code-hl-function-color: #FFDB2C;
  --md-tabs-color: #212123;
}
.md-annotation__index::after{
  background-color:#3082CF;
  --md-default-fg-color--lightest: #0fafcbb3;
}
.md-header__topic:first-child {
  font-weight: 700;
}
.md-nav__item .md-nav__link--active {
  --md-typeset-a-color: #3082CF;
}
/* Indentation. */
div.doc-contents:not(.first) {
  padding-left: 25px;
  border-left: .05rem solid var(--md-typeset-table-color);
}

.my_image{
  filter: drop-shadow(0rem 0rem 0.5rem #a1d5dd);
  border-radius: 0.5rem;
}

.qua_academy_buttom{
  width: 40%;
  margin-bottom: 15px;
  text-align: center;
  margin-left: 30%;
}

/* Mark external links as such. */
a.autorefs-external::after {
  /* https://primer.style/octicons/arrow-up-right-24 */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.25 15.5a.75.75 0 00.75-.75v-9a.75.75 0 00-.75-.75h-9a.75.75 0 000 1.5h7.19L6.22 16.72a.75.75 0 101.06 1.06L17.5 7.56v7.19c0 .414.336.75.75.75z"></path></svg>');
  content: ' ';

  display: inline-block;
  position: relative;
  top: 0.1em;
  margin-left: 0.2em;
  margin-right: 0.1em;

  height: 1em;
  width: 1em;
  border-radius: 100%;
  background-color: var(--md-typeset-a-color);
}
a.autorefs-external:hover::after {
  background-color: var(--md-accent-fg-color);
}
.md-header{
  background-color:rgba(30,30,32,0.8);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}
.md-tabs{
  background-color: var(--md-tabs-color);
}


.thebe-button{
  border:2px solid cornflowerblue;
  padding:5px;
  margin:3px;
  border-radius: 10px;  
}
.thebe-button:hover{
  background-color: white;
}
.thebe-input{
  font-size:0.8em;
}
.thebe-output{
  background-color: white;
  font-size:0.8em;
}
.thebe-status {
  border-radius: 10px;
  font-size: 0.8em;
}

.thebe-status-field.thebe-status-downloading {
  /* Binder is building the image */
  background-color: yellow;
}

.thebe-status-field.thebe-status-building {
  /* Binder is building the image */
  background-color: yellow;
}

.thebe-status-field.thebe-status-built {
  /* Binder is building the image */
  background-color: yellow;
}

.thebe-status-field.thebe-status-launching {
  /* Binder launching the server */
  background-color: yellow;
}
.thebe-status-field.thebe-status-server-ready {
  /* Binder launching the server */
  background-color: yellow;
}
.thebe-status-field.thebe-status-starting {
  /* Binder starting the kernel */
  background-color: yellow;
}

.thebe-status-field.thebe-status-ready {
  /* The kernel is connected and ready */
  background-color: lightgreen;
}

.thebe-status-field.thebe-status-failed {
  /* Building the image or launching the kernel failed */
  background-color: red;
}

.thebe-status-field.thebe-status-busy {
  /* The kernel is busy (this event is not hooked up yet) */
  background-color: yellow;
}