@font-face {
  font-family: "SF Pro";
  src: "assets/SF-Pro.ttf";
}

/* force tabs on small screens */
@media screen and (max-width: 76.2344em) {
  .md-tabs {
    display: block;
  }
/*
  .md-header__title {
    font-size: 30px;
  }
*/

}

/*
@media screen and (max-width: 0) {
  .md-header__title {
    font-size: 60px;
  }
}
*/

:root {
  --md-primary-fg-color:        #EE0F0F;
  --md-primary-fg-color--light: #ECB7B7;
  --md-primary-fg-color--dark:  #90030C;

  --base-border-radius: 0.5rem;
}

/* Resize header logo */
.md-header__button.md-logo img, .md-header__button.md-logo svg {
  height: 3rem;
  width: 3rem;
  color: white;
  filter: drop-shadow(2px 2px 3px #012);
  /* margin-top: 20px; */
}

.md-header__title, .md-header__ellipsis, .md-ellipsis {
  font-size: 3vmax;
  font-family: "SF Pro";
  color: white;
  font-weight: 700;
}

.md-tabs__link {
  font-size: 18px;
  font-weight: bold;
}


.green {
  color: #25db00;
}

/* *** */
/* Change font family of filename present on top of code block. */
.highlight span.filename {
  border-bottom: none;
  border-radius: var(--base-border-radius);
  display: inline;
  font-family: var(--md-code-font-family);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 5px;
  text-align: center;
}
.highlight span.filename + pre > code {
  border-radius: var(--base-border-radius);
  border-top-left-radius: 0;
}
.md-typeset pre > code {
  border-radius: var(--base-border-radius);
}

/* Grid Cards */
.md-typeset .grid.cards > ul > li {
  border-radius: var(--base-border-radius);
}
.md-typeset .grid.cards > ul > li:hover {
  box-shadow: 0 0 0.2rem #ffffff40;
}

/* Markdown Button */
.md-typeset .md-button {
  border-radius: var(--base-border-radius);
  border-width: 5px;
  background-color: #4287ff;
  border-color: #25db00;
  filter: drop-shadow(5px 5px 3px #033);
}

.md-typeset:hover .md-button:hover {
  border-radius: var(--base-border-radius);
  background-color: #25db00;
  filter: drop-shadow(3px 3px 3px #033);
}

.newtab {
  target-name: new;
  target-new: tab;
}

/* Critic, Mark */
ins.critic,
del.critic {
  text-decoration: none;
}

.md-typeset .critic,
.md-typeset mark {
  border-radius: 0.2rem;
  padding: 0 0.2rem;
}

.md-typeset mark {
  box-shadow: 0 0 0 0.1rem var(--md-typeset-mark-color);
}

.md-typeset ins.critic {
  box-shadow: 0 0 0 0.1rem var(--md-typeset-ins-color);
}

.md-typeset del.critic {
  box-shadow: 0 0 0 0.1rem var(--md-typeset-del-color);
}

/* Forms */
.md-search__form {
  border-radius: var(--base-border-radius);
}

[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
  border-top-right-radius: var(--base-border-radius);
  border-top-left-radius: var(--base-border-radius);
}

[dir="ltr"] .md-search__output {
  border-bottom-right-radius: var(--base-border-radius);
  border-bottom-left-radius: var(--base-border-radius);
}

/* Blog - index.md */
.md-post--excerpt {
  background-color: var(--md-accent-fg-color--transparent);
  box-shadow: 0 0 0 1rem var(--md-accent-fg-color--transparent);
  border-radius: var(--base-border-radius);
}

/* Table */
.md-typeset table:not([class]) {
  border-radius: var(--base-border-radius);
  color: #000
}