* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

::-moz-selection {
	background-color: #ff0;

}

::selection {
	background-color: #ff0;
}

.tooltip .tooltiptype {
	display: none;
}

	.tooltip:hover .tooltiptype {
		display: inline-block;
		position: absolute;
		transform: translate(-3em,3em);
		background-color: #ff0;
		font-size: 0.35em;
		padding: 0.2em 0.3em;

	}

html,body,main {
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}

header,h1,h2,nav,nav ul, nav ul li {
	display: inline;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: normal;
}

em {
	font-style: italic;
	font-weight: bold;
}

h1,h2,nav ul li,nav ul li a svg,footer article p{
	font-size: 3.6em;
}

	nav ul li a svg {
		fill: #00f;
	}

		nav ul li a svg:hover {
			fill: #000;
		}

	h1:after {
		content: ": ";
	}

	h2:after,nav ul li:after {
		content: ", ";
	}

	nav ul li:last-child:after {
		content: ".";
	}

h1 a:link,h2 a:link,nav ul li a:link,main a:link {
	color: #00f;
	text-decoration: none;
}

	h1 a:visited,h2 a:visited,nav ul li a:visited,main a:visited {
		color: #00f;
		text-decoration: none;
	}

	h1 a:hover,h2 a:hover,nav ul li a:hover {
		color: #000;
		text-decoration: underline;
	}

	main a:hover {
		color: #000;
		background-color: #ff0;
		text-decoration: underline;
	}

	h1 a:active,h2 a:active,nav ul li a:active,main a:active {
		color: #00f;
		text-decoration: underline;
	}

header {
	position: fixed;
	width: 46%;
	height: 96.4%;
	padding: 1% 2%;
}

article {
	padding-top: 100%;
}

section,footer {
	width: 50%;
	min-height: 100%;
	margin-left: auto;
	background-color: transparent;
}

article {
	width: 96%;
	padding: 1% 2%;
}

h3,h4,h5,h6 {
	font-size: 3.8em;
	display: inline-block;
}

h3 {
	position: sticky;
	top: 0;
	margin: 100vh 0 0 2%;
}

	#news h3,#teaching h3,#writing h3,#press h3 {
		margin: 0.5em 0 0 2%;
	}

	h3,p {
		background-color: #fff;
	}

	p,details,article blockquote {
		font-size: 2.2em;
		margin: 0 0 0.5em 0;
	}

	summary {
		font-size: 1.75em;
	}

		summary:hover {
			background-color: #ff0;
			cursor: pointer;
		}

		article h4 {
			font-size: 1em;
			background-color: #00f;
			color: #fff;
			padding: 0.1em 0.2em;
			margin-top: 1em;
		}

		article details ol {
			list-style-type: none;
		}

			article details ol li {
				margin-top: 0.5em;
				border-top: 0.1em solid #000;
			}

			article details ol li>time {
				font-size: 0.4em;
				background-color: #000;
				color: #fff;
				padding: 0.2em 0.4em;
				margin-bottom: 0.1em;
			}

			sup {
				font-size: 0.5em;
				text-decoration: underline;
			}

			details p {
				font-size: 1em;
				margin-top: 0;
			}

.current {
	color: #00f;
	background-color: #00f;
}

.text-decoration-line-through {
	text-decoration: line-through;
}

.text-indent-one-em {
	text-indent: 1.1em;
}

.background-color-blue {
	background-color: #00f;
}

.red-underline-dotted {
	padding-top: 1em;
	border-bottom: 0.05em dotted #f00;
	transform: translateY(100px);
	/* text-decoration: underline dashed #f00; */
}

.off-screen {
	position: absolute;
	top: -100vh;
	left: -100vw;
}