/* a.md-header__button {
    background-color: white;
  }
  
  .md-grid {
    max-width: unset;
    margin-left: 2%;
    margin-right: 2%;
  }
  
  .md-header .md-search .md-search__inner {
    min-width: 300px;
  }
  
  .md-header .md-header__source {
    min-width: 200px;
  }
  
  .md-sidebar {
    width: unset;
    max-width: 25%;
  }
   */


.md-logo > img {
  border: 1px solid black;  
}   

.md-typeset h1 {
  margin: 0 0!important;
  font-size: 1.5em;
  line-height: 1;
}

.md-typeset .tabbed-set {  
  margin: 0 0!important;

}
.md-main__inner {
  margin-top: 0.2rem;
}

audio {
  width: 100%;
}

.dice-pic {
  margin: 0 0!important;
  padding: 0.1em 2em!important;
  /* width: 75%; */
}

.dice-resp {
  margin-left: 0.5em;
  min-width: 20px;
  max-width: 20px;
}

.no-click  {
  pointer-events: none;  
  cursor: default; 
 }


 :root {

  /* Primary color shades */
  --md-primary-fg-color: rgb(183, 204, 2);
  --md-primary-bg-color: hsla(0, 0%, 0%, 1);
  --md-text-link-color: hsla(231, 48%, 48%, 1);

  /* Accent color shades */
  --md-accent-fg-color: rgb(183, 204, 2);
  --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
  --md-accent-bg-color: hsla(0, 0%, 100%, 1);
}

:root > * {

  /* Code block color shades */
  --md-code-bg-color: hsla(0, 0%, 96%, 1);
  --md-code-fg-color: hsla(200, 18%, 26%, 1);

  /* Footer */
  --md-footer-bg-color: rgb(183, 204, 2);

}