:root {
    --modus-themes-color-black: #000000;
    --modus-themes-color-black-alt: #181a20;
    --modus-themes-color-red: #ff8059;
    --modus-themes-color-red-alt: #f4923b;
    --modus-themes-color-green: #44bc44;
    --modus-themes-color-green-alt: #00cd68;
    --modus-themes-color-yellow: #eecc00;
    --modus-themes-color-yellow-alt: #f0ce43;
    --modus-themes-color-blue: #00bdfa;
    --modus-themes-color-blue-alt: #72a4ff;
    --modus-themes-color-magenta: #f78fe7;
    --modus-themes-color-magenta-alt: #b6a0ff;
    --modus-themes-color-cyan: #00d3d0;
    --modus-themes-color-cyan-alt: #6ae4b9;
    --modus-themes-color-white-alt: #a8a8a8;
    --modus-themes-color-white: #ffffff;
    --modus-themes-color-calm: #fbd6f4;
    --modus-themes-color-cold: #c6eaff;
    --modus-themes-color-mild: #bfebe0;
    --modus-themes-color-warm: #f8dec0;
    --modus-themes-color-bgdim: #110b11;
    --modus-themes-color-brandbg: #121212;
    --modus-themes-color-brandfg: #b2a2a2;
    --modus-themes-color-brandlink: #c8d4df;
    --modus-themes-color-basebg: var(--modus-themes-color-black);
    --modus-themes-color-basebgalt: var(--modus-themes-color-black-alt);
    --modus-themes-color-basefg: var(--modus-themes-color-white);
    --modus-themes-color-basefgalt:
	var(--modus-themes-color-white-alt);
    --modus-themes-color-baselinkfg: var(--modus-themes-color-blue);
    --modus-themes-color-baselinkfgalt: var(--modus-themes-color-cyan);
    --modus-themes-color-baselinkfghover: var(--modus-themes-color-blue-alt);
    --modus-themes-color-baselinkfgalthover: var(--modus-themes-color-cyan-alt);
}

html {
    font-family: sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust:100%
}


body {
    background-color: var(--modus-themes-color-basebg);
    color: var(--modus-themes-color-basefg);
    font-family: sans-serif;
    line-height: 1.44;
}

main {
    animation: none !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
    line-height: 1.2;
    padding: 0;
    margin-bottom:.5rem
}

h1, .h1 {
    font-size: 2.073rem;
    font-weight:700
}

h2, .h2 {
    font-size: 1.728rem;
    font-weight: 700;
    color:var(--modus-themes-color-warm)
}

h3, .h3 {
    font-size: 1.44rem;
    font-weight: 700;
    color:var(--modus-themes-color-cold)
}

h4, .h4 {
    font-size: 1.2rem;
    font-weight: 700;
    color:var(--modus-themes-color-mild)
}

h5, .h5 {
    font-size: 1.2rem;
    font-weight: 700;
    color:var(--modus-themes-color-calm)
}

h6, .h6 {
    font-weight: 700;
    color:var(--modus-themes-color-basefgalt)
}

p {
    text-align:left;
}

p, .post-header-meta {
    margin: 0 0 1.44rem;
    padding:0
}

b, strong {
    font-weight:700
}

i, em {
    font-style:italic
}

nav {
    background: var(--modus-themes-color-brandbg);
    color: var(--modus-themes-color-brandfg);
    font-family: sans-serif
}

a {
    color: var(--modus-themes-color-baselinkfg);
    text-decoration:underline
}

a:hover, a:focus {
    background: var(--modus-themes-color-baselinkfghover);
    color: var(--modus-themes-color-basebg);
    outline: none;
    text-decoration:none
}

a:visited {
    color:var(--modus-themes-color-baselinkfgalt)
}

a:visited:hover, a:visited:focus {
    background: var(--modus-themes-color-baselinkfgalthover);
    color:var(--modus-themes-color-basebg);
}

.center {
  text-align: center;
}

nav a, nav a:visited {
    color: var(--modus-themes-color-brandlink);
    text-decoration:none
}

nav a:hover, nav a:focus, nav a:visited:hover, nav a:visited:focus {
    background: var(--modus-themes-color-brandlink);
    color: var(--modus-themes-color-brandbg)
}

.md a {
    font-style: normal;
}

.newer-page, .older-page {
    text-decoration: none;
}

pre, code {
    font-size: .889rem;
}

pre {
    font-size: .889rem;
    white-space: pre-wrap;
    word-break: normal;
    word-wrap: inherit;
}

h1 {
    background: #538AF6;
    background: -webkit-linear-gradient(100deg, rgba(65,155,249,1) 0%, rgba(138,89,239,1) 50%, rgba(255,99,99,1) 100%);
    background: -moz-linear-gradient(100deg, rgba(65,155,249,1) 0%, rgba(138,89,239,1) 50%, rgba(255,99,99,1) 100%);
    background: linear-gradient(100deg, rgba(255,99,99,1) 0%, rgba(65,155,249) 50%, rgba(138,89,239,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

figure {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

footer {
    border: 1px;
    border-style: solid none none none;
}

footer.mt-8 {
    padding-top: 1em;
}