html, body, header, main, footer, div, span, h1, h2, h3, h4, h5, h6, p, a, table
{
	margin: 0;
	border: 0;
	padding: 0;
	line-height: 1;
}

html
{
	background-image: url("images/Gradient.png");
	background-size: cover;
}

div.about
{
	position: relative;
	height: 1200px;
}

img.portrait
{
	position: absolute;
	top: 10%;
	left: 15%;
	border: 10px solid white;
	width: 30%;
}

h1.greeting
{
	position: absolute;
	top: 20%;
	left: 60%;
	font-size: 45px;
	font-family: Helvetica;
	color: white;
}

h2.welcome
{
	position: absolute;
	top: 34%;
	left: 55%;
	width: 35%;
	line-height: 1.4;
	text-align: center;
	font-size: 30px;
	font-family: Helvetica;
	color: white;
}

p.profile
{
	position: absolute;
	top: 40%;
	left: 55%;
	width: 35%;
	line-height: 1.4;
	text-align: center;
	font-size: 20px;
	font-family: Helvetica;
	color: white;
}

canvas
{
	position: absolute;
	top: 100%;
	left: 35%;
	background: white;
}

footer
{
	position: relative;
	height: 200px;
	width: 100%;
	background-color: black;
}

div.contact
{
	position: absolute;
	bottom: 45%;
	left: 36%;
	font-size: 20px;
	font-family: Helvetica;
	color: white;
}


img.email
{
	position: absolute;
	bottom: 40%;
	left: 45%;
	height: 25%;
}

img.linkedin
{
	position: absolute;
	bottom: 35%;
	left: 51%;
	height: 35%;
}

img.github
{
	position: absolute;
	bottom: 33%;
	left: 56%;
	height: 40%;
}

img.dmoj
{
	position: absolute;
	bottom: 38%;
	left: 62%;
	height: 30%;
}