#header
{
	height: 350px;
}

#madeBy
{
	font-size: 30px;
}

#JimChen
{
	font-size: 70px;
}

#com
{
	font-size: 30px;
	margin-left: 350px;
	margin-top: -30px;
}

#title
{

}

#title a
{
	color: black;
	text-decoration: none;
}

#profile #selfie
{
	width: 50%;
	height: auto;
	float: center;
	margin: 10px 25% 10px;
}

#profile #linkedin
{
	float: center;
	margin: 10px 40% 10px;
}

#profile p
{
	float: center;
	margin: 10px 10% 10px;
}



#slideShow img
{
	width: 100%;
	height: auto;
}

#slideShow .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  background-color: rgba(0,0,0,0.2);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border: none;
}


/* On hover, add a black background color with a little bit see-through */
#slideShow .prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}




#showCase
{
	margin-top: 200px;
	width: 100%;
}

#showCase .section
{
	width: 100%;
	height: 10;
	/*background-color: green;*/
	float: left;
}

#showCase .projectInfo
{
	width: 25%;
	height: auto;
	position: relative;
	float: left;
	color: white;
}

#showCase .projectInfo img
{
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	height: auto;
}

#showCase .projectInfo .name
{
	margin-left: 5%;
	float: left;
	color: black;
}

#showCase .projectInfo .tag
{
	margin-right: 5%;
	float: right;
	color: gray;
	margin-right: 40px;
}