@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --md-primary-fg-color: #2563eb;
  --md-primary-fg-color--light: #2563eb;
  --md-primary-fg-color--dark: #1d4ed8;
  --md-accent-fg-color: #2563eb;
  --md-accent-fg-color--light: #3b82f6;
  --md-accent-fg-color--dark: #1e40af;
  --md-typeset-a-color: #2563eb;
  --md-code-bg-color: #e4ebf4;
  --md-default-fg-color--light: #2563eb;
}

body {
  background-color: #f4f7fc;
  font-family: 'Roboto', sans-serif;
}

.md-typeset {
  font-family: 'Roboto', sans-serif;
}

.md-header,
.md-tabs {
  font-family: 'Roboto', sans-serif;
}

.md-typeset .md-button {
  background-color: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

.md-typeset .md-button:hover {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
}

.md-nav__title {
  display: none !important;
}

html {
  background-color: #f4f7fc;
}

.md-main,
.md-content,
.md-content__inner {
  background-color: transparent;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-weight: 500;
}

.md-typeset p {
  color: #415978;
}