/* typefaces */

@font-face {
        font-family: 'IBMPlexSans-SemiBold';
        src: url('/IBMPlexSans-SemiBold.woff2');
        font-display: swap;
}

@font-face {
        font-family: 'IBMPlexSans-Regular';
        src: url('/IBMPlexSans-Regular.woff2');
        font-display: swap;
}

@charset "UTF-8";

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	line-height: 1.5;
	text-rendering: optimizeLegibility;
        font-family: "IBMPlexSans-Regular", sans-serif;
	padding: 4ex;
}


/* Color schemes. */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #262626;
        color: #fffff8;
    }
    a {
	color: SkyBlue;
    }
}

body {
	color: #262626;
	background-color: #f3f3f3;
  	min-height: 100vh;
  	margin: 0;
	display: flex;
	flex-direction: column;
}

main	{
	flex: 1;
	margin-left: auto;
	margin-right: auto;
	max-width: 30em;
}

main.longcopy {
	font-family: "IBMPlexSans-Regular";
}

div.longcopy b {
	font-family: "IBMPlexSans-SemiBold";
}

footer {
	min-height: 4ex;
	padding: 2em;
}

footer a {
	text-decoration: none;
	color: inherit;
}

a {
	color: DarkBlue;
}

ul {
	margin-left: 2em;
}

h1, h2, h3 {
	margin-bottom: 1ex;
	margin-top: 1ex;
}

p {
	margin-bottom: 2ex;
}

li {
	margin-bottom: 2ex;
}

/* End color stuff */