/* Styles for Alex Portfolio Page */

body {
	background: black;
	color: rgb(255,255,255);
	display: block;
	font-family: 'Lexend Mega', sans-serif;
	margin: 0px;
	padding: 0px;
}

header h1 {
	background: black;
	font-size: 2.5em;
	display: block;
	height: 12%;
	margin: 0px;
	padding: 4% 0px 0px 0px;
	text-align: center;
	vertical-align: center;
	width: 100%;
}

header h3 {
	display: block;
	text-align: center;
	padding: 0px 0px 2% 0px;
}

nav.horizontalNAV {
	background: black;
	height: 10%;
	padding: 0px;
	width: 100%;
}

nav.horizontalNAV ul {
	margin: 0px;
	padding: 0px;
}
nav.horizontalNAV ul li {
	display: block;
	float: left;
	text-align: center;
	width: 33.333333%;
}

nav.horizontalNAV ul li a {
	background: black;
	color: rgb(200,255,255);
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

a:active {
	color: rgb(255,255,255);
}

a:hover {
	color: rgb(255,128,0);
}

a:visited {
	color: rgb(255,255,255);
}

section.spacer {
	background: black;
	height: 45%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

section.click h1 {
	color: rgb(150,150,255);
	display: block;
	font-size: 1.6em;
	text-align: center;
}

section.dig {
	background: black;
	color: rgb(255,255,255);
	font-size: .8em;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

section.dig h2 {
	text-align: center;
}

section.dig div.row1 a {
	text-align: center;
}

section.dig div.row2 a {
	text-align: center;
}

section.dig div.row3 a {
	text-align: center;
}

section.dig a {
	display: block;
	list-style-type: none;
}

section.web {
	background: black;
	color: rgb(255,255,255);
	margin: 0px;
	padding: 0px;
	width: 100%;
}

section.web ul li {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

section.web ul li a {
	color: rgb(150,255,150);
	display: block;
	font-size: 2em;
	margin: 4% auto 0px auto;
	text-decoration: none;
}

section.mat {
	background: black;
	color: rgb(255,255,255);
	font-size: .8em;	
	margin: 0px;
	padding: 0px;
	width: 100%;
}

section.mat h2 {
	text-align: center;
}

section.mat div.row1 a {
	display: block;
	text-align: center;
}

footer {
	background: black;
	float: left;
	height: 8%;
	width: 100%;
}

footer h3 {
	font-size: 1em;
	text-align: center;
}