body {
	font-size:100%;
	background-color:#000000;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

.sticky {
	position:fixed;
	top:0%;
	width:100%;
}

#topnav {
	background-color:white;
	overflow:hidden;
}

#topnav a {
	float:left;
	display:block;
	color:black;
	text-align:center;
	padding:14px;
	text-decoration:none;
	font-size:17px;
}

#topnav a:hover {
	background-color:#399DDB;
	color:black;
}

#topnav a.active {
	background-color:#04AA6D;
	color:white;
}

#topnav .icon {
	display:none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("About me").
Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width:600px) {
	#topnav a:not(.active) {display:none;}
	#topnav a.icon {
		float:right;
		display:block;
	}
}

@media screen and (max-width:600px) {
	#topnav.responsive a.icon {
		position:absolute;
		right:0;
		top:0;
	}

	#topnav.responsive a {
		float:none;
		display:block;
		text-align:left;
	}
}

section, footer {
	padding-left:30px;
	padding-right:30px;
	padding-top:60px;
	padding-bottom:60px;
}

#Home, #Skills, #Contact {
	background:black;
}

#Experience, #Project, footer {
	background:#202020;
}

a {
	text-align:center;
	color:gold;
}

table {
	margin-left:auto;
	margin-right:auto;
}

#Home table {
	width:75%;
}

#Home table img {
	width:25%;
}

#Skills img {
	width:75%;
}

table td {
	vertical-align:bottom;
	text-align:center;
}

.job {
	padding-top:30px;
}

.right {
	float:right;
}

#Project a {
	text-align:left;
}

#ContactInfo, footer {
	text-align:center;
	padding-bottom:120px;
}