body{
	font-family: 'Rubik', sans-serif;
}

a:link 
	{
		text-decoration: none;
		color: black;
	}

a:visited
	{
		text-decoration: none; color: black;
	}

a:hover
	{
		text-decoration: underline;
		opacity: 50%;
	}

#nav {
	width: 1100px;
	height: 100px;
	margin: 0 auto;
	}

.name{
	position: relative;
	height: 75px;
	width: 100px;
	left: 30px;
	float: left;
	font-size: 20px;
	opacity: 70%;
}

.blog {
	position: relative;
	width: 35px;
	float: right;
	margin-right: 20px;
	top: 30px;
	right: 10px;
	}

.about {
	position: relative;
	width: 50px;
	float: right;
	top: 30px;
	right: 15px;
}

.resume {
	position: relative;
	float: right;
	top: 30px;
	width: 63px;
	right: 20px;
}

.port {
	position: relative;
	float: right;
	top: 30px;
	width: 68px;
	right: 27px;
}



.rule{
	position: relative;
	height:2px;
	background-color: black;
	margin: auto;
}

.gallery {
	width: 1100px;
	margin: 0 auto;
	padding-top: 20px;
}

.gallery2 {
	width: 1100px;
	height: 1700px;
	margin: 0 auto;
	padding-top: 20px;
}

.images{
	position: relative;
	height: 250px;
	width: 250px;
	float: left;
	
	text-align: center;
	margin: 10px;
	
}

.images1{
	position: relative;
	height: 250px;
	width: 250px;
	margin: 10px;
	margin-left: 20px;
	float: left;
	text-align: center;
	
}

.open{
	position: relative;
	width: 790px;
	height: 790px;
	margin-left: 30px;
	
}

.odin{
	position: relative;
	width: 576px;
	height: 576px;
	margin-left: 30px;
	border: solid;
	border-color: black;

}

.demon{
	position: relative;
	width: 750px;
	height: 1000px;
	margin-left: 30px;
}

.bronze{
	position: relative;
	width: 800px;
	height: 785px;
	margin-left: 30px;
}

.flame{
	position: relative;
	width: 960px;
	height: 540px;
	margin-left: 30px;
	
}

.grid{
	position: relative;
	height: 900px;
	width: 900px;
	margin-left: 30px;
	
}

.past{
	position: relative;
	width: 1000px;
	height: 750px;
	margin-left: 30px;
	
}

.joke{
	position: relative;
	width: 768px;
	height: 1024px;
	margin-left: 30px;
	
}

.bio{
	position: relative;
	width: 450px;
	height: 90px;
	left: 30px;
	
}


.statement{
	position: relative;
	width: 450px;
	height: 150px;
	left: 30px;
	top: 20px;
}

.trick{
	position: relative;
	width: 500px;
	height: 333px;
	left: 30px;
	top: 10px;
	
	
}

.lilith{
	position: relative;
	width: 500px;
	height: 333px;
	z-index: -1;
	left: 30px;
	top: 30px;
}

.edu {
    width: 600px;
    margin-left: 30px;
    height: 1200px;
    font-size: medium;
    font-style: normal;
    font-weight: normal;
	}

.descrip{
	height: 100px;
	width: 300px;
	margin-top: 10px;
	margin-left: 30px;
}

.descrip2{
	height: 100px;
	width: 250px;
	margin-top: 10px;
}

.bottom{
	width: 1280px;
	height: 100px;
	margin: 0 auto;
	bottom: 10px;
}

.game{
	position: relative;
	width: 500px;
	height: 333px;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
}
.game1{
	position: relative;
	width: 500px;
	height: 333px;
	margin-left: 40px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
	
}