@font-face {
  font-family: 'dckimPixelMono';
  src: url('path/to/dckimPixelMono.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html { font-size: 32px; }

body {
  font-family: 'dckimPixelMono', monospace;
  font-size: 1rem; 
  line-height: 1.5;
  /* Footer Background Colours */
  --md-footer-bg-color:        #1875bd; /* Main footer bar */
  --md-footer-bg-color--dark:  #101c52; /* Bottom copyright bar */
  /* Footer Text & Link Colours */
  --md-footer-fg-color:         #FFFFFF;       /* Primary footer text */
  --md-footer-fg-color--light:  #BDBDBD;       /* Secondary/lighter text */
  --md-footer-fg-color--lighter:#757575;       /* Faded text/icons */
}

.md-search__input {
  font-family: 'dckimPixelMono', monospace;
}
.md-search__input::placeholder {
  font-family: 'dckimPixelMono', monospace;
}
.md-search-result__link, 
.md-search-result__article {
  font-family: 'dckimPixelMono', monospace;
}

.md-typeset h1 {
  color: #737973;
}

.md-typeset p {
  text-indent: 32px;
}


.md-logo img {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.md-typeset h1, 
.md-typeset h2, 
.md-typeset h3, 
.md-typeset h4, 
.md-typeset h5, 
.md-typeset h6 {
  text-align: center;
}


.md-content img {
  image-rendering: pixelated;
}

:root {
  --md-typeset-color: #737973;
  /* Main UI & Header (The 'Blue' replacement) */
  --md-primary-fg-color:        #1875bd; 
  --md-primary-fg-color--light: #54b0f7;
  --md-primary-fg-color--dark:  #101c52;

  /* Hover & Active States (Accent) */
  --md-accent-fg-color:         #00a1ee; /* This is your new hover color */
  --md-accent-fg-color--transparent: rgba(0, 161, 238, 0.1);
}


/* For Chrome, Safari, and newer versions of Edge */
*::-webkit-scrollbar {
  display: none;
}

/* For Firefox and IE/Legacy Edge */
* {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}

.md-typeset img {
  display: block;
  margin: 0 auto;
}


.md-footer-meta__inner {
  justify-content: center;
}

.md-copyright {
  text-align: center;
  width: 100%;
}