/* author Nadeem Elai
 * email : nad@3deem.com
 * tel : 343-596-8373
 * socials : nadeem.elahi@gmail.com
 * youtube.com/@nadeemelahi593
 * github.com/nadeemelahi
 * linkedin.com/in/nadeemelahi
 * Date: Aug 31st 2026
 *
 * w3schools/css/css_font.html
 *
 */

h1 , h2 , h3 , h4 , h5 , h6 {

	font-family : Arial , Helvetica , sans-serif ; 
}
p { 
	font-family: "Times New Roman" , Times , serif ; 
}
button , input {

	font-family: "Lucida Console" , "Courier New" , monospace ; 
}
/*
 * w3schools/css/css_font.html
 *
 */
main , header , article , aside 
, section , footer , canvas {
	display: block;
}
header , footer { text-align : center ; }
a { text-decoration : none ; }
p.anchorListP { background-color : #f9f9f9 ; }
p.anchorListP > a { 
	padding : 2px 10px ; 
}
a.activePageIdx { color : gray ; }

article.heroImg {
	text-align : center ;
	max-width : 600px ;
	margin : auto ;
	border : 1px solid #f9f9f9 ; 
}
article.heroImg > img {
	width: 100% ;
}
article.threeColumnRow {
	text-align : center ;
	border : 1px solid #f9f9f9 ; 
	background-color : #f4f4f4 ;
}
article.threeColumnRow > section {
	background-color : #fff ;
}
@media ( min-width : 600px ) {

	article.threeColumnRow > section {

		display : inline-block ;
		width : 200px ;
		border : 1px solid #f0f0f0 ; 
		margin : 5px ;
	}
}
article.about {
	border : 1px solid #f9f9f9 ; 
	background-color : #f7fff7 ; 
	padding : 10px ;
	max-width: 600px ;
	margin: auto ;
}
@media ( min-width : 600px ) {
	article.about > img {
		float : left ;
	}
}

article.contact {
	border : 1px solid #f9f9f9 ; 
	background-color : #f9f4ff ;
	padding : 10px ;
	max-width: 600px ;
	margin: auto ;
}
@media ( min-width : 600px ) {
	article.contact {
		text-align : right ;
	}
	article.contact > p {
		margin-right : 300px ;
	}
	article.contact > img {
		float : right ;
	}
}

/* resume/ page
 * header download link button
 */
article.linkBtn {
	text-align : center ;
}
article.linkBtn > p {
	padding: 20px ;
}
article.linkBtn > p > a {
	background-color : #f9f9ff ; 
	padding : 10px 50px ;
	border : 1px solid blue ;
}

/* resume/ page
 * dom resume document
 */
article.a4doc {
	background-color : #a4a4a4 ;
	padding : 25px ;
}
article.a4doc > article {
	box-sizing : border-box ;
	width: 816px ; 
	height: 1056px ;
	margin : auto ;
	padding: 50px 75px ;
	line-height : 11px ;

	background-color : #fff; 
	border: 1px solid #fff;
}
article.a4doc > article > section {
	padding : 1px 0px ; /* seems to add 5px */
}

/* 
 * resume
 * article.a4doc -> article|domdoc -> section{contact,skills}
 *
 * pdfExport
 */
article.pdfExport {
	background-color : #f9feff ;
	padding : 25px ;
}
article.pdfExport > textarea {
	box-sizing : border-box ;
	width: 100% ;
	height : 100px ;
}