@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");

header, h1, h2, h3, h4, h5, h6 {
    font-family: "DM Serif Display", "Times New Roman", Times, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -5%;
}

.md-banner a {
    font-weight: bold;
}

header.md-header {
    background-image: url("/images/header-bg4.jpg");
    background-size: cover;
}

:root > * {
  --md-primary-fg-color:               hsl(221, 79%, 42%);
  --md-primary-fg-color--light:        hsl(221, 79%, 62%);
  --md-primary-fg-color--dark:         hsl(221, 79%, 22%);
  --md-primary-bg-color:               hsl(221, 79%, 95%);
  --md-primary-bg-color--light:        white;
  --md-accent-fg-color:                rgba(255, 165, 0, 1.0);
  --md-accent-fg-color--transparent:   rgba(255, 165, 0, 0.1);
  --md-accent-bg-color:                hsla(0, 0%, 100%, 1);
  --md-accent-bg-color--light:         hsla(0, 0%, 100%, 0.7);
  --md-default-fg-color--light: black;
}

article {
    padding-bottom: 35px;
}

.md-tabs {
    background-color: hsl(209, 45%, 20%);
}

.twemoji {
    color: orange;
}

div.md-header__title {
    display: none;
}