@charset "utf-8";
/* CSS Document */
body{
	background:#000000;
	font-family: 'sans-serif';
	 text-align: center;


	}
	div{
		font-family: 'Open Sans Condensed', sans-serif;
		 text-align: center;
		 background-size: contain;
		 position: relative;
	}
	section{
		background:#000000;
		}
.highlight{
	background:#000000;
	}
	.text-col
	{
		color: #FFDF00;
	}
	.current
	{
		color: #FFDF00;
	}
	.container2
	{
			 color: #FFDF00;
		margin: 0 auto;
		background-color: #393939;
		height: 500px;
		width: 500px;
		text-align: center;
		align-items: center;
		padding: 10px;
		border-radius: 10px;

	}
	p.uppercase
	{
		text-transform: uppercase;
	}
	input[type="text"]{
		width: 200px;
	}
	input[type="submit"]{
		width: 100px;
		margin: auto;
		color: #FFDF00;
		background-color:  #000;
		border-radius: 2px;
		border-width: 0;
	}
	td{
		padding: 10px;
		margin: auto;
			color: #000000;
	}
	.color{
		color: #FFDF00;
	}
textarea{
	width: 300px;
	height: 200px;
	padding: 10px;
}
	.container1
	{
		max-width: 80%;
		align-self: center;
		margin: auto;
		background-color: #393939;
	}
	.cover
	{
		width: 100%;
	}
	.cover img{
		width: 100%;
		max-height: 500px;
	}
	.container1 img{
		display: block;
    margin: auto;
		width: 300px;
		height: 300px;
		padding: 5px;
		padding-bottom: 10px;
		z-index: 10;
	}
	footer{
		text-align: center;
		color: #393939;
		margin: 0 auto;
		padding: 20px;
	}
	.profile{
		margin: 0 auto;
		color: #393939;
		margin: 0 auto;
	}
	.about{
		background-color: #393939;
		color: #000;
		max-width: 100%;
	}
	.about1{
		max-width: 80%;
		text-align: center;
		margin: 0 auto;
		padding: 20px;
	}
	.about1 h1{
		text-align: left;
	}
	.about1 p{
		text-align: left;
		font-size: 20px;
	}
	.profile img{
		max-width: 300px;
		max-height: 300px;
		border-radius: 300px;
	}
	.container1 img:hover{
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	 z-index: 20;

}

	.navbar-default{
  background:transparent;
  background-image:none;
  border-color:transparent;
  box-shadow:none;
}
 .rightalign
{
	padding: 5px;
	align-items: flex-end;
}
a{
	color: #FFDF00;
	font-size: 22px;
}
a .page:hover {
    background-color: #C0C0C0;
}
.bod
{
	color: #FFDF00;
}
h1
{
	float: middle;
	font-size: 50px;
}
h4
{
	color: #D3D3D3;
}