/* CSS Document */

<style type="text/css">



html {
    height: 100%;
}
body {
  background-color:#F0F0F0;
}

body,td,th {
	font-family: Courier New, Courier, monospace;
	color: #000;
	font-size:12px;
}
a {
   outline: 0;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	font-weight: bolder;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: none;
}
#nav {	
  	margin: auto;
	top: 20px;
	padding: 25px;	
   	height:75px;
	width:500px;
	z-index:2;
	font-size:16px;
	line-height: 32px;
	background-color: #F0F0F0;
	text-transform: uppercase;
	text-align: center;
}

hr.nav {
  	border: none;
	width:20%;

}
#main {	
	padding: 25px;		
	font-size:14px;
	line-height: 20px;
	z-index:0;
	text-align: center;
}
#bio {	
  	margin: auto;
	padding: 25px;	  	
	width: 50%;
	top: 40px;
	left:40px;
	text-align: left;
	font-size:14px;
	line-height: 24px;
	z-index:1;
	width:650px;
	height:auto;
}
#contact {	
  	margin: auto;
	padding: 25px;	
 	left: 360px;
	top: 40px;	
	text-align: center;
	font-size:16px;
	line-height: 24px;
	z-index:1;
	width:800px;
	height:auto;
}
.name {
	font-size: 32px;
}

img {
   max-width:100%;
   height:auto;
   max-height:100%;
}

.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  position: relative;

}

.flex-container > div {
  	margin: 20 20 20 25px;
        background-color: #000;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) 
{
  .flex-container {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
}

.column {  
  justify-content: center;
}

img.transparent {
  visibility: visible;
  opacity: 1.0;
  object-fit: contain;
  max-width: 100%;
  height: auto;
  margin: 0 0 0 0px;
  z-index: 0;

}

img.transparent:hover {
  opacity: 1;
  color: #000;

}

img.transparent:hover + p{
  display: block;
  position: absolute;

}


-->
</style>