@charset "utf-8";
/* CSS Document */

body{
	background-color:#222;
	overflow:hidden;
}
.header{	
color:#F33;
	border-top:double thick;
	border-right: thick double;
	top:0;
	margin-left:20%;
	position:absolute;
	display:inline-block;
	width:auto;
	cursor:pointer;

}
.header img{
	float:left;
}
.header #title{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	display:inline-block;
	font-size:46px;
}
.reflection{
	padding:50px;
	margin:20px;
	border-radius: -25%;
	border:outset 10px;
	
	background-color:#DDD;
	color:#000;
	border-radius:25px;
}
.reflection h2{
	text-align:center;
	
	}
.link{
	height:100%;
	font-size:46px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;	
}
.goBox{
	cursor:pointer;
	font-size:36px;

	bottom:0;

	text-align:center;
	padding-top:100px;
	padding-bottom:100px;
	width:100%;
	border-top:thin dashed;

	background:rgba(230,230,230,0.8);
	position:absolute;
	
	  transition: all .5s ease-in-out;
}

.pFrame{
	margin-top:50px;
}
.WordSection1{
	padding-top:100px;
	padding-left:100px;
	padding-right:100px;
	width:85%!;
	min-width:0px!important;
	background-color:#FFF!important;
	margin-right:auto;
	margin-left:auto;
	

}
.wrapper{
	background-color:inherit;
	width:80%!important;
	height:100%;	
	    display: table;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
	overflow:auto!important; 
	  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
	
}
#blockWrapper{
	margin-top:100px;
	margin-left:15%;
	width:50%;

	overflow:hidden;
}
nav{
	width:100%;
	height:50px;
	background-color:#000;
	margin-right:0;
	overflow:hidden;
}
.fixed{
position:fixed!important;
top:0;
}
.button{
	background-color:#000;

	color:#FFF;
	font-size:24px;
	cursor:pointer;
	font-weight:bold;
	padding:10px;
	border-right:3px dotted #FFF;
	display:inline-block;
}
#close{
	border-left:3px dotted #FFF;
}
.button:hover{
	background-color:#FFF;
	color:#000;
}
.block{
	height:450px;
	width:15%;
	border: 2px solid;
    border-radius: 25px;
	
	position:absolute;
	float:left;
	overflow:hidden;
	z-index:1;
	min-width:300px;

	
		  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
H1{
	padding-left:10px;
	margin-right:99%;
	margin-top:5%
	
	  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.h1two{
	top:0;
	left:40px;
	position:absolute;
	
}

#resume{
	background-color:#FFF;
	left:20%;

	
	
}
#programs{
	background-color:#C30;
	left:25%;

	
}
#websites{
	background-color:#000;
	color:#fff;
	left:30%;

	
}

#essays{
	background-color:#0CF;
	left:35%;
}
#animation{
	background-color:#FF0;
	left:40%;
	
}
.open{
	height:100%!important;
	width:100%!important;
	top:0!important;
	left:0!important;
	margin:0!important;
	background-image:none!important;
	overflow:auto!important;
}
.content{
	height:80%;
	background-color:#666;
}
object{
	height:100%;
}
#media{
	float:left;
	position:absolute;
	left:0;
	padding:0;
	margin:0;
	top:150px;
}
#media ul{
	list-style:none;
		left:0;
	padding:0;
	margin:0;
}
.hidden{
	display:none;
}
.invisable{
	opacity:0!important;
}