body {
	background-color: #ffddff;
	/*background-image: url("IMG_1139.JPG")*/
	}

.clearfix {
  overflow: auto;
}

/*updated Motoo Kimura nearly neutral 2024-08-13 wenwen kong sickkids pgcrl by Ryder*/


/* PARAGRAPH STYLES*/

p {
	color: black;
	font-family: PingFang SC-Regular, sans-serif;
	font-size: 100%;
	margin-left: 5%;
	margin-right: 5%;
	text-indent: 10%;
	line-height: 150%;
	margin-bottom: 4%;
}

p.contact {
	font-family: Menlo, monospace;
	text-indent: 0pt;
	text-align: center;
	margin-bottom: 5%;
	margin-top: 2%;
}

p.citation {
	font-family: Menlo, monospace;
	color: black;
	font-size: 10pt;
	
}

span.cit2 {
	font-family: Menlo, monospace;
	color: darkmagenta;
	font-size: 10pt;
}

span.journal {
	font-family: Menlo, monospace;
	color: black;
	font-size: 10pt;
	text-decoration: underline;
	
}

p.hotpoint {
	font-family: "eb-garamond", serif;
	font-weight: 400;
	font-size:18pt;
	font-style: normal;
}

p.caph {
	font-family: "area-extended", sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 14pt;
	display: inline;
	line-height: 30pt;
	color: darkblue;
	#border: 1px solid cyan;
}

p.caption {
	font-family: "eb-garamond", serif;
	font-weight: 400;
	font-size: 16pt;
	font-style: normal;
	color: darkblue;
	text-indent: 0;
	display:inline-block;
	#border: 1px solid cyan;
	margin:4pt 0 0 0 ;
	padding:0;
}



/* *** HEADER STYLES *** */


h1 {
	font-family: "geller-headline", serif;
	font-weight: 500;
	font-style: italic;
	color: black;
	font-size: 260%;
	text-align: center;
	margin-left: 0em;
	margin-top: 20%;
	margin-bottom: 0pt;
}  

h1.zw {
	margin-top:0%;
	line-height:60%;
	font-family: hellofont-id-junli, sans-serif;
	font-size: 500%;
	font-style:normal;
	
	color: black;
}

h2 {
	font-family: "geller-headline", serif;
	font-weight: 300;
	font-style: italic;
	font-size: 22pt;
	color: black;
	text-align: left;
	margin-left: 5%;
	text-indent: 10%;
	margin-top: 10%;
	margin-bottom: 3%;

}

h2.type2 {
	
	font-family: cormorant-upright, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30pt;
	
}

h2.type2-short {
	
	font-family: cormorant-upright, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30pt;
	margin-top:0%;
	
}

h2.type2-high {
	font-family: cormorant-upright, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30pt;
	background-color: darkblue;
	color: aliceblue;
	margin-right:10%;
}

h2.short {
	margin-top:0%;
}





/* DIVISION STYLES LEIBNIZ SPANDRELS*/

/** HEADY HEAD **/
div.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding-top:0.3%;
	/**background-color: white;**/
	text-align: center;
	font-family: "area-extended", sans-serif;
	font-weight: 100;
	font-style: italic;
	font-size: 14pt;

	
}

div.header-puff {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding-top:0.3%;
	background-color: #ffddff;
	text-align: center;
	font-family: "area-extended", sans-serif;
	font-weight: 100;
	font-style: italic;
	font-size: 14pt;

	
}

div.logo {
	float:left;
	width:100%;
	align-content: center;
	
}

div.side {
	
	float:left;
	width:20%;
	align-content: center;
	
}


div.headertab {
	float: left;
	width: 10%;
	margin-left:1%;
	vertical-align: text-bottom;
}

div.headertab2 {
	float: left;
	width: 15%;
	margin-left:1%;
	vertical-align: text-bottom;}

div.headertabfirst {
	margin-left: 20%;
	float: left;
	width: 10%;
	vertical-align: text-bottom;
}

div#active {
	font-weight: 800;
	color:mediumslateblue;
}



/** ETERNAL FLUX MAIN COLUMN ****/

div.column {
	background-color: #ffddff;
	padding: 1%;
	float: left;
}

div#block1 {
	width: 10%;
}

div#block2 {
	width: 48%;
	margin-left:10%;
	#border: 3pt solid cyan;
}

div#block3 {
	width: 28%;
	margin-top: 5%;
	#border: 3pt solid blue;
}


div.wrap {
    width: 400px;
    height: 400px;
    overflow: hidden;
}



div#projects-block2 {
	width: 70%;
	margin-left:15%;
	margin-top:-5%;
<!--	border: 1pt solid cyan;-->
}


div.container {

}

div.row {
	border: 1px solid blue;
	padding: 0;
	margin: 0;
}

div.row-clearfix {
	#border: 1px solid blue;
	padding: 0;
	margin: 0;
	overflow: auto;
}

div.row-art {
	border: 1px solid blue;
	padding: 0;
	margin: 10%;
	align-content: center;
	overflow: auto;
}

div.row-cap {
	width: 20%;
	float:left;
}

div.row-right {
	width:80%;
	float:left;
	margin:0;
	padding:0;
}


div.row-bottom {
	border: 1px solid blue;
	padding: 0;
	margin: 0;
}


/* **** FOOT FOOT FOOTER JIAO BLAL */

div.footer {
	position: fixed;
	right: 0;
	bottom: 0;
	width: max-content;
	background-color: navy;
	color: white;
	text-align: right;
	font-family: "area-extended", sans-serif;
	font-weight: 100;
	font-style: italic;
	font-size: 12pt;
	border-radius:15px 0 0 0;
}



/* IMAGE STYLES *** */

img.logo_img {
	
	width: 10%;

}

img.chin {
	
	width: 50%
		;
	
}

img.logo_tab {
	
	height: 30px;
	
	
}


img.portrait {

	width: 100%;
	height: ;
	object-fit:cover;
	object-position: 55% 25%;

}

img.portrait-ctr {

	max-width: 40%;
	width: 40%;
	margin-top: 15%;
	border-style:inset;
	border-width: 10px;
	margin-left: 25%;
	align-content: center;

}

img.project {
	float: left;
	height:250px;
	width:300px;
	object-fit: cover;
	padding: 0 3% 3% 3%;

	#border: 1px solid #6495ED;
}

img.logo {
	height:100px;
	object-fit: contain;
	
	
	
}


/* HYPERLINK STYLES */

a.hlink {text-decoration: none; color:#000;}
a.hlink:visited {text-decoration: none; color:#000;}
a.hlink:hover {text-decoration: none; color:#000;}
a.hlink:focus {text-decoration: none; color:#000;}