body { background-color: #837b7b; margin: 0 auto; padding: 0; font-family: Arial; font-size: 17px;}
	.container { width: 100%; max-width: 800px; margin: 20px auto; padding: 0px; background-color: #ffffff; border-radius:  15px;}
	.top { width: 100%; height: 100px; margin: 0px; padding: 0px; background-color: #394763; color: #ffffff; overflow: hidden; border-radius: 15px 15px 0px 0px; }
	.top_left { float: left; width: 350px; margin: 15px; text-align: left;}
	.top_right { float: right; width: 350px; margin: 15px 15px; text-align: right;}
    .middle { width: 100%; margin: 0px; padding: 10px 0px; }
	.show { margin: 0px; padding: 0px; height: 300px; text-align: center;}
	.footer { width: 100%; margin: 0px; padding: 0px; background-color: #394763; text-align: center; color: #FFFFFF; border-radius: 0px 0px 15px 15px; }
    .largetext {font-size: 36px; }
    .mediumtext {font-size: 24px; }
	h1 { padding: 0px 0px 0px 15px; font-size: 36px; color: #acd1be; text-align: center;}
	h3 { padding: 0px 0px 0px 15px; font-size: 24px; color: #3d5c99; text-align: center;}
	p { color: #777777; text-align: left; padding: 0px 25px;}
	p.projects { text-align: center; font-size: 14px; padding: 10px; color: #8490a8;}
	.action { color: #66a8a8;}
	img.biopic { width: 19%; height: 16%; float: left; margin: 20px;}
	img.drawing { width: 95%; height: 95%; object-fit: cover; }
	a { text-decoration: none; font-size: 14px; color: #394763}
	a:link { color:#ffffff;}
	a:hover { color:#FFFFFF; background: #66a8a8; }
	a:active { color:#ffffff;}
    a:visited { color:#ffffff;}
	a.contact_body { font-weight: bold; color: #394763; font-size: 17px;}
	a.contact_body:link { color: #394763;}
	a.contact_body:hover { color:#FFFFFF; background: #394763; }
	a.contact_body:active { color:#66a8a8;}
    a.contact_body:visited { color:#66a8a8;}