body
{
	margin: 0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}



#logo img
{
	display: block;
    margin-left: 8%;
	margin-right: 0%;
	margin-top: 10%;
    width: 900px;
    height: 500px;

}

/*------------------ Navigation -------------------------*/

#nav-wrapper
{
	margin-top: 25px;
	width: 1300px;
	margin-left: 5%;
	padding: 0;
	overflow: hidden;

	
}

#navigation ul
{	
	list-style-type: none;
	max-width: 100%	
}

#navigation li 
{
	
	float: left;
	font-size: 50px;
	font-weight: bold;
	margin-right: 2%;
	margin-left: 1%;
}

#navigation a:link
{
	text-decoration: none;
	color: #21409A;
}

#navigation a:hover 
{
   padding-bottom: 11px;
   border-bottom: 4px solid #32557f;
}

#navigation a:visited 
{
   
  color: #21409A;
}

.horizontalline 
{
   
    width: 1400px;
    border-top: 2px solid #ccc;
	margin-top: 30px;

}

.section-line 
{
    
    border-top: 2px solid #ccc;
    margin-bottom: 20px;

}

.content-wrapper
{
	margin-top: 70px;
	width: 1150px;
	display: block;
	margin-left: 20%;
	margin-right: 10%  ;
}

h1
{
    color: #21409a;
	font-family: "Times New Roman", Times, serif;
	font-size: 55px; 
    line-height: 1.6;
}

h2
{
    font-size: 40px;
    font-family: Arial, Helvetica, sans serif;
}
/*------------------ About -------------------------*/



#about img
{
	float: left;
	width: 120px;
	height: auto;
	
}



#about p 
{
	font-size: 55px;
	line-height: 1.6;
	margin-left: 150px;
	margin-top: 25px;	
}





/*------------------ Documentation -------------------------*/
#docs
{
	margin-left: 18px;
	
}
 

#docs img
{
	float: left;	
	width: 120px;
	height: auto;
	margin-right: 40px;
	margin-top: 16px;
	margin-bottom: 40px;
	padding-left: -10px;
	
	
}




#docs h2
{
	font-size: 55px;
	font-family: Arial Narrow, Arial, Helvetica, sans serif;
	color: #666666;
	float: left;
	margin-top: 20px;

}

#docs p
{
	line-height: 1.6;
	font-size: 55px;
	clear: left;
}

.spacing-docs
{
	margin-bottom: 150px;
}





/*------------------ Apps -------------------------*/

#apps
{
	margin-left: 18px;
}

#apps img
{
	float: left;	
	width: 120px;
	height: 120px;
	margin-right: 40px;
	margin-left: 20px;
}



#apps p
{
	line-height: 1.6;
	font-size: 55px;
}

#apps li
{
	line-height: 1.6;
	margin-left: 20px;
	font-size: 55px;	
}



.spacing
{
	margin-bottom: 100px;
}

.spacing-apps-custom
{
	margin-bottom: 120px;
}


/*-----------Visualization-----------*/


#visualization
{
	margin-left: 18px;
}

#visualization img
{
	float: left;	
	width: 120px;
	height: auto;
	margin-right: 20px;	
	margin-bottom: 20px;
}



#visualization p
{
	line-height: 1.6;
	margin-top: 25px;
	font-size: 55px;
}

/*----------------AI enhanced content---------------*/

#aienhanced p
{
	line-height: 1.6;
	margin-top: 25px;
	
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
* {
	box-sizing: border-box;
  }

.column {
	float: left;
	width: 33.33%;
	padding: 5px;
	font-style: italic;
	color:#666666;
	}
  
/* Clear floats after image containers */
.row::after {
	content: "";
	clear: both;
	display: table;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 33%;
}

/*Resume starts below*/
	
.button-resume
{
	background-color: #21409a;
	border: none;
	color: white;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 55px;
	cursor: pointer;
	margin-left: 80%;
	margin-top: -30px;
	border-radius: 10px;
}

.h1-resume
{
	font-size: 57px;

}



#resume h2
{
	line-height: 1.2;
	padding-top: 16px;
	padding-bottom: 10px;
	color: #21409a;
	font-size: 55px;

}

#resume
{
	margin-left: 18px;
}

#resume h3
{
	font-size: 55px;
	line-height: 1.6;
}


.resume-caps
{
	
	padding-top: 16px;
	color: #21409a;

}

#resume ul
{
	margin-bottom: 30px;
}

#resume li
{
	line-height: 1.6;
	font-size: 55px;
	
}

#resume img
{
	float: left;
	width: 120px;
	height: auto;
	margin-left: 35px;
	margin-right: 35px;
}


#resume p
{
	line-height: 1.6;
	font-size: 55px;
}

.linear-gradient 
{ 
		width: 100%; 
		height: auto; 
		border-radius: 10px;
		background-color: #c0cad4; 
		background-image: linear-gradient( to right, #c0cad4, #ffffff); 
		margin-top: 30px;
		align-items: center;
		display: flex;
	
}

.custom-image-resume
{
  width: 120px;   
  height: auto;
}

.custom-h2-480nm-resume
{
   margin-left: 80px;
    
}

#primarydegrees
{
	margin-top: 25px;
}

#secondarydegrees
{
	margin-top: 25px;
}

.spacing-resume
{
	margin-top: 700px;
}

.spacing-resume1
{
	margin-top: 60px;
}

.lineheight-credentials
{
	margin-top: -14px;
	margin-bottom: -5px;
}

.leftpanel
{
	float: left;
	width: 320px;	
}


.middlepanel
{
	float: left;
	margin-left: 80px;
	width: 320px;
}

.rightpanel
{
	margin-left: 790px;
	width: 320px;
	clear: right;
	margin-top: 60px;
}

.leftpanel-credentials
{
	float:left;
	width: 450px;
}

.rightpanel-credentials
{
	margin-left: 650px;
	width: 450px;
    margin-top: 59px;
	
}
/*------------------ Copyright -------------------------*/
#footer
{
	text-align: center;		
	font-size: 50px;
	margin-top: 150px;
	 
}