@import url(defaults.css);
@import url(blogsite.css);
@import url(roboto-slab.css);
html, html>body {
	font-weight : 400;
	font-size : 16px;
}
body>main>header h1, body>main>header h2, body>main>article h4, body>main>article h3, body>main>article h2, body>main>article h1 {
	font-family : roboto-slab, roboto-slab-static, serif;
}
body>header, body>header>h1, body>header>h1>a {
	background-color : #222;
}
body>main>header {
	background-color : #333;
}
body>header {
	color : #eee;
}
body>header nav>a:hover {
	background-color : #666;
}
#language-selection button {
	border-color : white;
}
#language-selection button:hover {
	border-color : black;
}
#collapse-sitenav, #jump-top {
	background-color : #222;
	color : #eee;
}
body>main>header {
	min-height : 270px;
}
body>main>header p, body>main>header h1, body>main>header h2 {
	border-left : none;
}
body>header h1>a:hover {
	background-color : rgba(128,128,128,0.5);
}
body>main>header {
	background-image : url('/images/banner.webp');
}
figure.summary {
	width : fit-content;
	aspect-ratio : 1;
}
figure.summary img {
	object-fit : fill;
	object-position : center;
	aspect-ratio : 1;
}
article figure.summary img {
	transform : scale(1);
	-webkit-transition : transform 1000ms ease-in-out 0ms;
	-moz-transition : transform 1000ms ease-in-out 0ms;
	-o-transition : transform 1000ms ease-in-out 0ms;
	transition : transform 1000ms ease-in-out 0ms;
}
body>main>article>figure>figcaption, body>main>article>figure>img {
	max-width : 512px !important;
}
@media screen and (max-width:840px) {
	body>main>header p, body>main>header h1, body>main>header h2 {
		border-left : none;
		padding-left : 0.6rem;
	}
	body>header, body>header>nav {
		-webkit-transition : height 250ms ease-in-out 0ms;
		-moz-transition : height 250ms ease-in-out 0ms;
		-o-transition : height 250ms ease-in-out 0ms;
		transition : height 250ms ease-in-out 0ms;
	}
	body>header>nav.closed {
		height : 64px;
	}
	body>header>nav.opened {
		height : 240px;
	}
	body>header>nav>a {
		display : none;
		margin : 0;
		margin-right : 92px;
		padding : 1.33rem;
		height : auto;
		width : auto;
		min-height : 0px;
		max-height : 84px;
		text-align : center;
		-webkit-transition : transform 250ms ease-in-out 0ms;
		-moz-transition : transform 250ms ease-in-out 0ms;
		-o-transition : transform 250ms ease-in-out 0ms;
		transition : transform 250ms ease-in-out 0ms;
	}
	body>header>nav.closed>a {
		display : block;
		transform : translateY(-256px);
	}
	body>header>nav.opened>a {
		display : block;
		transform : translateY(0);
	}
	body>header>nav>button#collapse-sitenav {
		display : block;
		position : absolute;
		top : 0;
		right : 12px;
		font-size : 32px;
		float : right;
		margin : 0;
		-webkit-transition : transform 100ms linear 0ms;
		-moz-transition : transform 100ms linear 0ms;
		-o-transition : transform 100ms linear 0ms;
		transition : transform 100ms linear 0ms;
	}
	#collapse-sitenav.closed {
		transform : scale(1,1);
	}
	#collapse-sitenav.opened {
		transform : scale(-1,1);
	}
	body>main>article h1 {
		font-size : 32px;
	}
}
#publications, #presentations {
	max-width : 1500px;
	-webkit-column-width : 580px;
	column-width : 580px;
	-webkit-column-count : auto;
	column-count : auto;
	-webkit-flex : 1 0 92vw;
	flex : 1 0 92vw;
	-webkit-order : 600;
	order : 600;
}
#presentations li p, #publications li p {
	text-indent : 1.5rem;
	margin-top : 0.5rem;
	margin-bottom : 0;
	font-style : italic;
}
#presentations h1, #publications h1 {
	-webkit-column-span : all;
	column-span : all;
}
li {
	margin-top : 1.6rem;
	page-break-inside : avoid;
	-webkit-column-break-inside : avoid;
	break-inside : avoid;
}
body>header a:hover {
	background-color : #444;
}
body>main article:hover a>h1, body>main article:hover a>h2, body>main article:hover a>p {
	color : blue;
}
@font-face {
	font-family : 'banner-text';
	src : url(bebasneue-bold.woff2);
	font-weight : normal;
}
@font-face {
	font-family : 'header-text';
	src : url(bebasneue-bold.woff2);
	font-weight : 100;
}
@font-face {
	font-family : 'header-text';
	src : url(bebasneue-bold.woff2);
	font-weight : 400;
}
@font-face {
	font-family : 'header-text';
	src : url(bebasneue-bold.woff2);
	font-weight : 700;
}