:root {
  font-size: 1.5em;
}

[data-md-color-scheme=slate] {
  --md-text-link-color: #00ca00;
}

.darkIcon {
  /*color: var(--md-default-fg-color);*/
  color: grey;
}

img {
  background: whitesmoke;
}

.evilButton {
  border          : none;
  color           : white;
  padding         : 15px 32px;
  text-align      : center;
  text-decoration : none;
  display         : inline-block;
  font-size       : 16px;
  background-color: #f44336;
}

/* Red */
/* Load My own Fonts, to avoid google 
https://google-webfonts-helper.herokuapp.com../fonts/source-code-pro?subsets=latin */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style : normal;
  font-weight: 400;
  src        : url('../fonts/roboto-v20-latin-regular.eot');
  /* IE9 Compat Modes */
  src        : local('Roboto'), local('Roboto-Regular'),
    url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-v20-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}

body,
input {
  font-family: "Roboto", -apple-system, Helvetica, Arial, sans-serif;
}

/* source-code-pro-regular - latin */
@font-face {
  font-family: 'SourceCodePro';
  font-style : normal;
  font-weight: 400;
  src        : url('../fonts/source-code-pro-v11-latin-regular.eot');
  /* IE9 Compat Modes */
  src        : local('Source Code Pro Regular'), local('SourceCodePro-Regular'),
    url('../fonts/source-code-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/source-code-pro-v11-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/source-code-pro-v11-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/source-code-pro-v11-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/source-code-pro-v11-latin-regular.svg#SourceCodePro') format('svg');
  /* Legacy iOS */
}

pre,
code,
kbd {
  font-family: "SourceCodePro", SFMono-Regular, Consolas, Menlo, monospace;
}




:root {
  /* --md-admonition-icon--task: url('../images/HoodieHacker.svg') */
}

.md-typeset .admonition.task,
.md-typeset details.task {
  border-color: rgb(191, 96, 0, 0.7);
}

.md-typeset .task>.admonition-title,
.md-typeset .task>summary {
  background-color: rgb(191, 96, 0, 0.3);
}

.md-typeset .task>.admonition-title::before,
.md-typeset .task>summary::before {
  background-color  : rgb(191, 96, 0);
  -webkit-mask-image: var(--md-admonition-icon--task);
  mask-image        : var(--md-admonition-icon--task);
}


:root {
  /* --md-admonition-icon--hardtask: url('../images/HoodieHacker_Hard.svg') */
}

.md-typeset .admonition.hardtask,
.md-typeset details.hardtask {
  border-color: rgba(153, 0, 0, 0.4);
}

.md-typeset .hardtask>.admonition-title,
.md-typeset .hardtask>summary {
  background-color: rgba(153, 0, 0, 0.2);
}

.md-typeset .hardtask>.admonition-title::before,
.md-typeset .hardtask>summary::before {
  background-color  : rgba(80, 27, 27, 0.9);
  -webkit-mask-image: var(--md-admonition-icon--hardtask);
  mask-image        : var(--md-admonition-icon--hardtask);
}

:root {
  /* --md-admonition-icon--easytask: url('../images/Hacker_Easy.svg') */
}

.md-typeset .admonition.easytask,
.md-typeset details.easytask {
  border-color: rgba(37, 192, 63, 0.4);
}

.md-typeset .easytask>.admonition-title,
.md-typeset .easytask>summary {
  background-color: rgba(37, 192, 63, 0.2);
}

.md-typeset .easytask>.admonition-title::before,
.md-typeset .easytask>summary::before {
  background-color  : rgb(0, 102, 0);
  -webkit-mask-image: var(--md-admonition-icon--easytask);
  mask-image        : var(--md-admonition-icon--easytask);
}


/* --------- */

:root {
  /* --md-admonition-icon--easytask: url('../images/Hacker_Easy.svg') */
}

.md-typeset .admonition.optionaltask,
.md-typeset details.optionaltask {
  border-color: rgba(7, 77, 207, 0.4);
}

.md-typeset .optionaltask>.admonition-title,
.md-typeset .optionaltask>summary {
  background-color: rgba(7, 77, 207, 0.2);
}

.md-typeset .optionaltask>.admonition-title::before,
.md-typeset .optionaltask>summary::before {
  background-color  : rgb(7, 77, 207);
  -webkit-mask-image: var(--md-admonition-icon--easytask);
  mask-image        : var(--md-admonition-icon--easytask);
}

/* ------- */



/*.md-typeset .footnote-ref {
    color: var(--md-default-fg-color--light);
}*/

:root {
  --md-admonition-icon--discuss: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h8.5a.25.25 0 01.25.25v5.5a.25.25 0 01-.25.25h-3.5a.75.75 0 00-.53.22L3.5 11.44V9.25a.75.75 0 00-.75-.75h-1a.25.25 0 01-.25-.25v-5.5zM1.75 1A1.75 1.75 0 000 2.75v5.5C0 9.216.784 10 1.75 10H2v1.543a1.457 1.457 0 002.487 1.03L7.061 10h3.189A1.75 1.75 0 0012 8.25v-5.5A1.75 1.75 0 0010.25 1h-8.5zM14.5 4.75a.25.25 0 00-.25-.25h-.5a.75.75 0 110-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0114.25 12H14v1.543a1.457 1.457 0 01-2.487 1.03L9.22 12.28a.75.75 0 111.06-1.06l2.22 2.22v-2.19a.75.75 0 01.75-.75h1a.25.25 0 00.25-.25v-5.5z"/></svg>')
}

.md-typeset .admonition.discuss,
.md-typeset details.discuss {
  border-color: rgb(107, 62, 241);
}

.md-typeset .discuss>.admonition-title,
.md-typeset .discuss>summary {
  background-color: rgba(90, 51, 206, 0.5);
}

.md-typeset .discuss>.admonition-title::before,
.md-typeset .discuss>summary::before {
  background-color  : rgb(107, 60, 241);
  -webkit-mask-image: var(--md-admonition-icon--discuss);
  mask-image        : var(--md-admonition-icon--discuss);
}

/* kb */

.md-nav__link--active {
  background-color: rgba(219, 189, 38, 0.5);
  color: black !important;
  /* padding: 0.5em; */
}


/* 
[data-md-color-scheme="slate"] {
  --md-hue: 360;
} */

/* .md-nav__item { background-color: #f44336; } */
[data-md-level="2"]  { background-color: rgba(219, 189, 38, 0.2);}