html,body { 
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
}
body{
	position: relative;
	background: url("images/desk.png") no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 100%;
}
#first { 
	background: url("images/shoes.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 100%; 
}

#full { 
	background: rgba(0, 0, 0, 0.8);
	height: 100%;
}
#second{ 
	background: rgba(50, 50, 50, 0.5);
	height: 100%;
}
#third{
	background: rgb(255, 255, 255); 
	height: 100%;
} 
#forth{
	background: url("images/black.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 100%; 
}
#portpic{
	background: url("images/fiverr.png");
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
	margin: 0 auto;
	border: 4px solid #48C743;
	border-radius: 100px;
	height: 200px;
	width: 200px;
}
#who{
	margin: 0 auto;
}
#myname{
	color: white;
	font-size: 40pt;
	text-align: center;
	font-family: 'Julius Sans One', sans-serif;
}
#descript{
	margin: 0 auto;
	background-color: #48C743;
	width: 450px;
}
#jobs{
	text-align: center;
	font-size: 14pt;
	color: white;
	font-family: 'Quattrocento', serif;
	background-color: #48C743;
}
.titles{
	text-align: center;
	color: black;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 30pt;
}
#intro{
	margin: 0 auto;
	height: 400px;
	width: 75%;
	border-radius: 15px;
	background-color: rgba(0,0,0,0.5);
	color: white;	
	font-size: 22pt;
	text-align: center;
	font-family: 'Courgette', cursive;
	padding: 20px;
}

.projects{
	margin: 0 auto;
	max-width: 80%;
}
.box{
	margin-right: 20px;
	float: left;
	height: 300px;
	width: 350px;
	border: 1px solid black; 
	border-radius: 15px;
}
#pinterest{
	background: url("images/port/pinterest.jpg");
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#madtopics{
	background: url("images/port/madtopics.jpg");
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#fanlife{
	background: url("images/port/fanlife.jpg");
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.projTitle{
	text-align: center;
	font-size: 22pt;
}
.stack{
	margin: auto;
	text-align: center;
	width: 80%;
}
.stack button{
	margin: auto;
}
#info{
	color: white;
	text-align: center;
	font-size: 22pt;
	font-family: 'Julius Sans One', sans-serif;
}
.contact{
	background-color: rgba(0,0,0,0.5);
}
#email{
	color: #48C743;
}