:root,
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f2f3f4;
  --md-accent-fg-color: #da1c54;
}

[data-md-color-primary="black"] .md-header {
  background-color: #161f28;
}
[data-md-color-primary="black"] .md-tabs {
  background-color: #161f28;
}

.md-nav__link--passed {
  color: #000;
}

.output_wrapper {
  overflow-x: auto;
}

[data-md-color-primary="black"] {
  --md-primary-fg-color: #000;
  --md-primary-fg-color--light: #0000008a;
  --md-primary-fg-color--dark: #000;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-typeset-a-color: var(--md-accent-fg-color);
  --md-default-fg-color--light: var(--md-accent-fg-color);
}

.md-footer-meta {
  display: none !important;
}

.md-header-nav__source {
  display: none !important;
}

.md-grid {
  max-width: 122rem !important;
}

.framed-python {
  margin-top: -70px;
  overflow: hidden;
}

.framed-r {
  margin-top: 0px;
  overflow: hidden;
}

.framed-r-api {
  margin-top: -50px;
  overflow: hidden;
}

.framed-github {
  height: 100vh !important;
  width: 100% !important;
}

img {
  display: block;
  margin: auto;
}

img[alt="icon"] {
  width: 50px;
}

.home-page-logo {
  width: 35%;
}

@media only screen and (orientation: portrait) {
  .home-page-logo {
    width: 100%;
  }
}

@media only screen and (min-width: 76.25em) {
  .framed-python {
    margin-left: -45px;
  }
  .framed-r-api {
    margin-left: -45px;
  }
}