/* style2.css - resume,interest, and course pages */
html {
	font-family: alien;
}
body {
	background-color: #c5a582;
	position: relative;
	font-family: alien;
	}
@font-face {
	font-family: alien;
	src: url(../font/ALIEN5.ttf);
	src: url(../font/ALIEN5.otf);
}

#nav {
	display: fixed;
	float: left;
	padding: 10px;
	margin: auto;
	text-align: center;
	}

#index, #resume, #interest, #course {
	width: 285px;
	min-width: 20%;
	height: 250px;
	margin: 25px;
	color: #c5a582;
	background-color: #612E35;
	padding:10px;
	max-width: 100%;
	max-height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

#index:hover {
	width: 285px;
		background-image: url("../images/index_hover.png");
		max-width: auto;
		max-height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #92b5d9;
		color: #612E35;
}

#index .text {
	visibility:visible;
}
#index:hover .text {
	visibility: hidden;
}

#resume:hover {
		background-color: #92b5d9;
		color: #612E35;
}

#course:hover {
		background-color: #92b5d9;
		color: #612E35;
}

#interest:hover {
		background-color: #92b5d9;
		color: #612E35;
}

#index h1 {
	font-size: 30pt;
}
#index h2 {
	font-size: 19pt;
}
#content {
	float: left;
	padding: 20px;
	width: 64%;
	height: 820px;
	background-color: #92b5d9;
	margin-top: 35px;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
	overflow-x: hidden;
    overflow-y: scroll;
}

#content h1 {
	text-align: center;
	font-size: 32pt;
	color: #612E35;
}
#tech h3 {
	font-size: 17pt;
	text-align: left;
	line-height: 1pt;
	padding-top: 15px;
}

#content h4 {
	font-size: 12pt;
	line-height: 100%;
	padding-left: 25px;
}

#content h5 {
	font-size: 11pt;
	color: #612E35;
	line-height: 100%;
	padding-left: 35px;
}

#content h6 {
	font-size: 10pt;
	color: #612E35;
	text-align: right;
	padding-right: 16px;
}

#tech ul {
	line-height: 15pt;
}

a:link, a:visited{
	text-decoration: none;
}

#tech {
	border: 4px solid #c5a582;
	width: 90%;
	height: 35%;
	padding: 15px 10px 5px 30px;
	margin: auto;
	background-color: rgba(255,255, 255, 0.5);
	}

#work {
	width: 90%; 
	height: auto; 
	padding: 15px 10px 5px 30px; 
	margin: auto; 
	background-color: rgba(255,255, 255, 0.5);
	border: 4px solid #612E35;
}

#work h3 {
	font-size: 17pt;
	text-align: left;
	padding-bottom: 10px;
	}
#edu h3 {
	font-size: 17pt;
	text-align: left;
	padding-bottom: 10px;
}
	
	
#work h4 {
	padding-left: 20px;
}
#work p {
	font-size: 10pt;
	line-height: 11.5pt;
	padding-left: 35px;
}
#edu {
	width: 90%; 
	height: auto; 
	padding: 15px 10px 5px 30px; 
	margin: auto; 
	background-color: rgba(255,255, 255, 0.5);
	border: 4px solid #c5a582;
}

#paints {
	border: 4px solid #612E35;
	width: 90%;
	height: auto;
	padding: 40px 10px 5px 30px;
	margin: auto;
	text-align: center;
	background-color: rgba(196, 168, 127, 0.5);
}

#courses {
	width: 90%;
	height: auto;
	padding: 25px 20px 5px 30px;
	margin: auto;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.6);
	}

#courses h3{
	font-size: 15pt;
	
}