@font-face {
	font-family: minion;
	src: url('/assets/Minion Pro Regular.ttf');
}
@font-face{
	font-family: inter;
	src: url('/assets/Inter-Regular.otf');
}

:root{
	--textColour: #3d3939;
}
html{
/*	Causes the top of screen to become black on mobile. */
	nbackground-color: black;
	height: 100%;
}
*{
	font-family: inter, sans-serif;
}
body{
	background: black;
	display: flex;
	flex-direction: row;
	margin: 0;
	height: 100%;
}
body > *{
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
}
#sidebar{
	background: black;
	height: 100%;
/*	flex-basis: 200px;*/
    flex-grow: 0;
    flex-shrink: 0;
	overflow: hidden;
}
#sidebar .imageContainer{
	height: 100%;
	display: flex;
	flex-direction: column;
	
}
#sidebar img{
	max-width: calc( 100% - 4px );
	max-height: 100%;
	margin: auto;
}
main{
	background: white;
	padding: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
h1{
	font-size: 32pt;
}
h1, p{
	font-weight: initial;
	margin: 0;
	line-height: 1em;
}

.fade{
/*	opacity: 0.4;*/
	color: #999;
}

.fade a{
	color: #99f;
}