@font-face {
	font-family: 'Share Tech Mono';
	font-style: normal;
	font-weight: 400;
	src: local('ShareTechMono'), local('ShareTechMono-Regular'),
	url(/shared/assets/fonts/ShareTechMono-Regular.ttf) format('truetype'); }


h3 {
    font-size: 1.1rem;
    font-variant: normal;
    text-align: left; }

h4 {
    text-indent: 1.5rem;
    margin: 1rem 0 1rem 0; }

h3 a,
h4 a { color: var(--text-color); }

h3 a:hover,
h4 a:hover { color: var(--primary-color); }

code,
pre {
    font-family: 'Share Tech Mono';
    font-size: 1.1rem;
    letter-spacing: -1px; }

pre {
    border-left: 1px solid var(--primary-color);
    padding-left: .25rem;
    margin-bottom: .5rem;
    margin-left: 1.6rem;
    overflow-x: auto;
    overflow-y: auto;
    white-space: pre; }

article {
    margin-top: 1rem;
    max-width: 100%; }

article:last-child { margin-bottom: 1rem; }

article header {
    display: flex;
    flex-direction: column; }

article header .menu {
    display: flex;
    font-size: .8rem;
    justify-content: space-between; }

article header nav a { font-variant: normal; }

article header nav ol {
    counter-reset: item;
    list-style-type: none; }

article header nav ol > li { counter-increment: item; }

article header nav ol > li:before { content: counters(item, '.') '. '; }