@import url("https://use.typekit.net/xyg5flw.css");

:root {
    --mono-font: "input-sans-narrow";
    --system-font: ui-sans-serif, system-ui, —apple-system, "Sarasa UI SC", "Source Han Sans SC", "Noto Sans SC", "Segoe UI", Roboto, Emoji, Helvetica, sans-serif;
    --nord00: #2e3440;
    --nord01: #3b4252;
    --nord02: #434c5e;
    --nord03: #4c566a;
    --nord04: #d8dee9;
    --nord05: #e5e9f0;
    --nord06: #eceff4;
    --nord07: #8fbcbb;
    --nord08: #88c0d0;
    --nord09: #81a1c1;
    --nord10: #5e81ac;
    --nord11: #bf616a;
    --nord12: #d08770;
    --nord13: #ebcb8b;
    --nord14: #a3be8c;
    --nord15: #b48ead;
    --accent-color: var(--nord10);
    --accent-color-dark: var(--nord10);
    --bg-color: var(--nord06);
    --text-color: var(--nord01);
    --elevated-color: var(--nord04);
    --demoted-color: var(--nord03)
}

html {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--mono-font), var(--system-font), monospace;
    font-size: 16px;
    line-height:1.7
}

body {
    display: block;
    margin:8px
}

a {
    border-bottom: 2px solid var(--accent-color);
    color: inherit;
    text-decoration:none
}

a:hover {
    background-color: var(--accent-color);
    color:var(--bg-color)
}

body header a, main h1 a {
    color: var(--accent-color);
    border:none
}

main {
	max-width: 800px ;
	margin: auto ;
}

img {
	max-width: 100% ;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.2em;
    margin-top: 2em;
    color:var(--accent-color)
}

header h1 {
	text-align: center ;
}

main h2::before {
    content: ">> ";
    font-size:smaller
}

main h3::before {
    content: ">>> ";
    font-size:smaller
}

h4::before {
    content: ">>>> ";
    font-size:smaller
}

h5::before {
    content: ">>>>> ";
    font-size:smaller
}

footer {
	text-align: center ;
	clear: both ;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}