:root 		{
		--fontStack:  'Noto Sans', 'Fira Sans', 'Open Sans', Frutiger, "Frutiger Linotype", Calibri, Geneva, sans-serif;
		}

HTML 		{ 
		height: 100%; 
		}

BODY		{ 
		font-family: 	var(--fontStack);
		color: 		#0D0D0D;
		background: 	#FDFDFD;
		font-size:	90%;
		}

@media (min-width: 700px) 
{
BODY 
		{
		background: #FDFDFD url("images/skyline5-min.png") no-repeat fixed right bottom;		
		}
}

header		{ 
		margin: 0em 1em;
		display: inline-block; 
		}

nav 		{
		font-size: 95%;
		}

nav p.top-nav	{
		border-top: thin solid #A0A0A0;
		border-bottom: thin solid #A0A0A0;
		padding: 0.3em 0;
		}

H1, P, LI		
		{
		font-family:    var(--fontStack);		
}

H1		{
		font-size: 106%;
		margin: 0.5em auto 1em 0em;
		}

P, LI     	{
		font-size:	92%;
		}

UL		{
		line-height: 	150%;
		list-style-image: none;
		list-style-type: square;
		}

a:link		{
		color: rgb(32,0,245);
		text-decoration: none;		
		}

a:visited	{
		color: rgb(107,95,189);	
		}

a:hover         {
                color: rgb(34,0,255);
                background-color: rgb(245,245,245);
                }

#main-content 	{
		margin-left: 1em;
		padding-bottom: 2em;
		}

#pub-list	{
			margin-right: 4em;
		}


@media (any-pointer: coarse) {
 #pub-list profiles LI
                {
                padding-bottom: 2em;
                }
}

#pub-list LI	{
		line-height: 115%;
		padding-bottom: 0.4em;
		max-width: 60em;
		}

.highlight	{
		font-weight: 600;
		font-style: italic;
		}

.ref-note	{
		font-size: 86%;
		}

#teaching LI, #teaching UL
	 	{
		line-height: 130%;
		}

#teaching UL, #research-list UL
	 	{
		margin-top: 0;
		}

#teaching-list P, #research-list P
		{
		margin: 0.1em auto;
		}

#ORCID-logo	{
		transform: translate(0,3px); 
		}