body{

	background-image: linear-gradient(to bottom, #000000, #003333);
	background-color: #003333;
	height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


p{
	
	color: #FFFFFF;
	font-size: 120%;
	font-style: bold;
	font-family: sans-serif;
	line-height: 1.25;
	
	/*opacity: 70%;*/

}

ul{

	padding-left: 100px;
	padding-right: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

li{

	color: #FFFFFF;
	font-size: 140%;
	font-style: italic;
	font-family: sans-serif;
	text-align: justify; 
	padding-left: 10px;
	
	
}

.maintext{

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

footer{

	font-size: 90%;
	color: #FFFFFF;
	opacity: 70%;
	top: 50px;
	position: relative;
	text-align: center;
	font-weight: 600;
}


a.navlink{

	color: #000000;
	font-style: bolder;
	text-decoration: none;
	font-weight: 600;
}

a.navlink:hover{

	background-color:#00FF00;
	text-decoration: none;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.navlink:active{

	background-color:#00CC00;
	text-decoration: none;
	border-radius: 5px;
	

}


a.pagelink{

	color: #FFFFFF;
	font-style: bold;

}

a.pagelink:hover{

	color: #00FF00;
}

a.pagelink:visited{

	`color: #FFFFFF;
}

a.postlink{

	color: #FFFFFF;
	font-weight: 600 ;
	font-size: 130%;

}

a.postlink:hover{

	color: #00FF00;
}

a.postlink:visited{

	`color: #FFFFFF;
}

.header{

	background-color: #CED4DA;
	border-radius: 5px;
	position: sticky;
	left: 0;
	right: 10;
	top: 0;
	width: 100%;
	opacity: 0.8;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.header:hover{

	opacity: 1.0;

}
	
.header_text{
	
	font-size: 150%;
	font-style: bolder;
	color: #000000;
	padding-left: 20px;
	
}


.pagetitle{

	text-align: center;
	color: #FFFFFF;
	font-size: 350%;
	font-weight: 600;
	font-family: serif;
	padding-top: 40px;
	padding-bottom: 20px;
	

}

.subtitle{
	text-align: center;
	color: #CED4DA;
	font-size: 250%;
	font-weight: 600;
	font-family: serif;
	padding-top: 20px;
	padding-bottom: 20px;
	

}

.lightup{

	transition: opacity 0.5s;

}

.lightup:hover{

	opacity: 1.0;
}

.aboutmeimg{

	width: 350px;
	height:350px;
	margin: 20px;

}

.fadetext{

	animation: fadeIn 0.5s;

}


@keyframes fadeIn{

	from {opacity: 0;}
	to {opacity: 1;}
}