:root {
    --md-default-fg-color--light: white;
    --md-default-bg-color: white;
    --md-primary-fg-color: white;
    --md-accent-fg-color: white;
}

body {
    font-family: serif;
    color: white;
    background-image: url("../assets/fox_distorted.jpg");
    background-position: 40% 100%;
    background-size: 10% cover;
    background-attachment: fixed;
}


h1,h2,h3,h4,h5 {
    font-family: serif;
    color: white !important;
    letter-spacing: 0em !important;
    font-weight: 700 !important;
    font-style: italic;
}

h1 {
    text-align: right;
}



.md-container {
    background-color: transparent;
}

.md-grid {
    max-width: 100rem;
}


/* header */
.md-ellipsis {
    font-weight: normal;
}

.md-header--shadow {
    box-shadow: 0 0 0 0;
}

.md-search {
    display: none;
}

.md-header__button {
    transition: none;
}

/* images */
img.gallery {
    display: block;
    margin: 0 auto;
    max-height: 30vh;
}

figure {
    padding: 6em;
}


/* body */
.md-header,.md-sidebar__scrollwrap,.md-content,.md-nav__title {
    background-color: black !important;
    color: white;
}
.md-sidebar__scrollwrap {
    margin: 0 1rem;
}

.md-sidebar {
    padding: 0;
    background-color: black !important;
}


.md-nav__title {
    font-family: monospace;
}

.md-header__ellipsis {
    font-family: monospace;
}

ul.md-nav__list {
    background-color: black !important;
    color: white;
    font-family: monospace !important;
}



/* footer */
.md-footer,.md-copyright {
    opacity: 0;
}

.md-header__button[for='__search'] {
    display: none;
}


/* Links */
a:not(.md-nav__link):not(.md-logo) {
    color: white !important;
    text-decoration: underline;
    transition: none;
}
a:not(.md-nav__link):not(.md-logo):hover {
    background-color: white;
    color: black !important;
    transition: none;
}
.md-nav__link {
  align-items:flex-start;
  display:flex;
  gap:.4rem;
  margin-top:.625em;
  scroll-snap-align:start;
  transition:color 0ms;
}
.md-nav__link--passed {
    text-decoration: line-through;
    color: white;
}
.md-nav__item .md-nav__link--active,
.md-nav__item .md-nav__link--active code {
    color: white;
}
.md-nav__link[for]:focus,
.md-nav__link[for]:hover,
.md-nav__link[href]:focus,
.md-nav__link[href]:hover {
    text-decoration: underline;
    cursor:pointer;
    color: white;
    letter-spacing: 0.05em;
}