

#name{ 
	
	color: deeppink;
	word-spacing:-10px;
	font-size:5%;
font-family:aharoni, sans-serif;
text-align:center;
	font-size:200%;}
#namee{
margin-top:20px;
	height:70%;
	
	
}



a:hover{
color:cyan;}
a:active{
	color:#1B0C7B;
}
nav{
font-family:aharoni, sans-serif;
font-size:130%;
height: 75px;
width: 1000px;
background-color: black;
word-spacing:15px;
text-align:center;
padding-top: 10px;
	padding-bottom:50px;
	padding-right:20px;
	padding-left:20px;
position:sticky;
top:0;
left:0;
margin:auto;
z-index:1;
border-width: 10px;
	border-color: #D71EA8;
}


a{
text-decoration:none;
color:lightyellow;
	
}
.res{ 
font-size: 115%;}

body{
	background-color:darkblue;
}
h1{ color:cyan;
	font-family:aharoni, bold, sans-serif;
	text-align: center;
	position:relative;
	font-size: 300%}
h2{ color:hotpink;
	font-family:aharoni, bold, sans-serif;
	text-align: left;
	position:relative;
	font-size: 210%}
h3{ color:cyan;
	font-family:aharoni, sans-serif;
	text-align: left;
	position:relative;
	font-size: 150%}
h4{ color:lightyellow;
	font-family:aharoni, sans-serif;
	font-style: italic;
	text-align: left;
	position:relative;
	
}
p{ color:lightyellow;
	font-family:aharoni, sans-serif;
	font-style: italic;
	text-align: left;
	position:relative;
	font-size: 160%} 
ul{  color:lightyellow;
	font-family:aharoni, sans-serif;
	text-align: left;
	position:relative;
	width:400px;
	font-size: 100%} 
li{margin:5px;}
.work{
	position:relative;
	float: left;
	margin-left:15px;
}
.skills{
	position:relative;
	float: right;
	}
.statement{
	position:relative;
	float: left;
	margin-left:15px;
	text-align:center;
	
}
.bio{	position:relative;
	float: left;
	margin-left:15px;
	text-align:center;}

.block{
background-color:black;
width:1000px;
height:850px;
margin: 40px auto;
padding:20px;
position:relative;
	color:lighyellow;
;

}
.block7{
background-color:black;
width:1000px;
height:1000px;
margin: 40px auto;
padding:20px;
position:relative;
	color:lighyellow;
;

}
.temp{
	width:450px;
	height:400px;
	background-color:grey;
	margin: 40px auto;
	position: relative;
	right: 245px;
	top: -1015px;
}
.di{ 
width:450px;
height:400px;
background-color:grey;
margin:40px auto;
position: relative;
left: 245px;
top:-1455px;

 }
.tr{
	height:500px;
	width: 940px;
	position:relative;
	background-color: gray;
	bottom: 1450px;
	left:530px;
}
.thumba{
	width:450px;
	height:400px;
    overflow: hidden; 
    padding: 5px; 
    border: 1px solid lightyellow; 
    border-radius: 8px; 
	margin: 40px auto;
	position: relative;
float:left;
	left:25px;

}

	

.toilet{
	position:relative;
	margins: 0 auto; 
	
		 
	
	
}


.gra{
	width:100%;
	height:100%;
	object-fit: cover;
	border-radius: 5px;
	
}
.thumbb{
	width:450px;
	height:400px;
    overflow: hidden; 
    padding: 5px; 
    border: 1px solid lightyellow; 
    border-radius: 8px; 
	margin:40px auto;
	position: relative;
	float:right;
	right:25px;
	bottom: 27px;
}
	
.comic{
		width:100%;
	height:100%;
	object-fit: cover;
	border-radius: 5px;
}
.com{
	color:lightyellow;
	font-family:aharoni, bold, sans-serif;
	position:relative;
	font-size: 150%;
	right:150px;
	top: 7px;
	left:250px;
	float:none;

}


.thumbc{
	height:450px;
	width: 940px;
    overflow: hidden; 
    padding: 5px; 
    border: 1px solid lightyellow; 
    border-radius: 8px; 
	margin: 40px auto;
	position: relative;


}

.trad{
		width:100%;
	height:100%;
	object-fit: cover;
	border-radius: 5px;
	
}
.traditional{ 
color:lightyellow;
	font-family:aharoni, bold, sans-serif;
	position:relative;
	font-size: 150%;
	bottom:535px;
	left: 385px;
	

}

.block2{
background-color:black;
width:1000px;
height:2000px;
margin: 40px auto;
padding:20px;
position:relative;

}
#tradblock{
display:inline-block;



 
}
.trad1{
	position: relative;
	float: right;
	margin-bottom: 5px;
	margin-right: 5px;
	
	
}
.trad2{
	position: relative;
	float:right;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 25px;
	
	
}
.trad3{
	position:relative;
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 10px;
}
.trad4{
	position:relative;
	float: right;
	margin-left: 75px;
	margin-right: 75px;

}
.trad5{
	position:relative;
	float: left;
	margin-left: 15px;
	
}
.trad6{
	position:relative;
	float:right;
	 
	margin-left: 75px;
	margin-top: 20px;
	
}

.block4{
background-color:black;
width:1000px;
height:800px;
margin: 40px auto;
padding-top: 10px;
	padding:20px;
position:relative;



}
.huhalpha{
	position:relative;
	float:left;
	margin-right: 10px;
}

.block5{
background-color:black;
width:1000px;
height:800px;
margin: 40px auto;
padding:20px;
position:relative;
}
.im{
background-color:white;
	width:300px;
	height:200px;
	margin:16px;
	float:left;
	position:relative;
	object-fit:cover;
}
.cashew{ 
	width:1000px;
	height:1400px;
	
}
.ew{
	position:relative;
	float:left;
	margin:10px; 
	
	

	
	
}
.block3{
background-color:black;
width:1000px;
height:1700px;
margin: 40px auto;
padding-top: 10px;
	padding:20px;

position:relative;

}
.block9{
background-color:black;
width:1000px;
height:25550px;
margin: 40px auto;
padding-top: 10px;
	padding:20px;

position:relative;

}
.graphic{
	position:relative;
	float:left;
	margin:17px;
	
	
}
#cash{
	position:relative;
	margin:10px;
}

.porr{
	position:relative;
width:465px;
	height:440px;
	margin:5px;
	
	position:relative;
	
	float:left;
	margin-bottom:50px;
;
	
	
	
}
.port{
	position:relative;
	float:left;
	height:465px;
	width:465px;
	margin:17px;

	object-fit:cover;
}
	.graph{
	color:lightyellow;
	font-family:aharoni, bold, sans-serif;
	position:relative;
	font-size: 150%;
	float:left;

}
.centertext{
	width:140px;
	height:80px;
	
	text-align: center;
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	color:cyan;
	background-color:black;
	font-size: 150%;
	font-family:aharoni, bold, sans-serif;
	padding-top:50px;
	
}

.centertext2{
	width:140px;
	height:100px;
	
	text-align: center;
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	color:cyan;
	background-color:black;
	font-size: 150%;
	font-family:aharoni, bold, sans-serif;
	padding-top:30px;
	
}

	
.smallport{
	position:relative;
	float:left;
}
.toiletweb{
	
	
}
#me{
	float:left;
	position:relative;
	margins:15px;
	margin-left:10px;
}
.abt{
	position:relative;
	width:620px;
	height:300px;
	margin-left:20px;
	font-size:180%;
}
.abt2{
	position:relative;
	width:930px;
	height:300px;
	margin-left:20px;
		font-size:180%;
}
.abthead{
		position:relative;

	margin-left:20px;
	color:deeppink;
}
.block6{
background-color:black;
width:1000px;
height:1000px;
margin: 40px auto;
padding:20px;
position:relative;
	color:lighyellow;
}
#toilet_resume{
	margin-left:150px;
}
.block8{
background-color:black;
width:1000px;
height:1200px;
margin: 40px auto;
padding-top: 10px;
	padding:20px;
position:relative;



}

block