@font-face {
  font-family: "Amazon Ember";
  src: url("../fonts/Ember/AmazonEmber_Rg.woff2") format("woff2"),
    url("../fonts/Ember/AmazonEmber_Rg.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Amazon Ember";
  src: url("../fonts/Ember/AmazonEmber_Bd.woff2") format("woff2"),
    url("../fonts/Ember/AmazonEmber_Bd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

:root {
  --md-primary-fg-color: #9c27b0;
  --md-primary-fg-color--light: #ba68c8;
  --md-primary-fg-color--dark: #7b1fa2;
  --md-accent-fg-color: #ff9800;
  --md-default-bg-color: #1a1a2e;
  --md-default-fg-color: #ffffff;
  --md-code-bg-color: #16213e;
  --md-text-font: "Amazon Ember", -apple-system, BlinkMacSystemFont, Helvetica,
    Arial, sans-serif;
}

body {
  font-family: var(--md-text-font);
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  background-attachment: fixed;
}

.md-header {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.md-sidebar {
  background: transparent;
}

.md-sidebar--primary {
  background: transparent;
}

.md-sidebar--secondary {
  background: transparent;
}

.md-content {
  background: transparent;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 800;
}

img {
  border-radius: 10px;
}

.md-nav__title {
  /* Fix some styling with the sidenav title when not on mobile */
  background: none !important;
  box-shadow: none !important;
}