@font-face {
	font-family: 'Orbitron';
	src: url('fonts/Orbitron-Regular.ttf') format('truetype');
}

* {
	font-family: 'Orbitron', Geneva, Tahoma, sans-serif;
	font-size: 1.0em;
	margin: 0;
}


.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #333;
}

/* logo/h1 segment */
.logo-backhome {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.logo-backhome img {
	height: 75px;
	width: 75px;
	padding-left: 10px;
}

.logo-backhome h1 {
	color: white;
	font-size: 1.4em;
}


/* nav segment */
.nav-links {
	list-style-type: none;
}

.nav-links li {
	float: left;
	margin: 10px;
	border-radius: 10px;
}

.nav-links li:nth-child(odd):hover {
	background-color: cyan;
}

.nav-links li:nth-child(even):hover {
	background-color: magenta;
}

.nav-links li:nth-child(odd):hover a {
	color: black;
}

.nav-links li a {
	text-decoration: none;
	color: white;
	font-size: 1.1em;
	padding: 20px;
	border-radius: inherit;
}

.active span {
	border-bottom: 2px solid orange;
}

/* Per Page Styles */


/* HOME */
/* Hero Section */
.hero {
	background-color: dimgrey;
	padding: 40px 0;
	text-align: center;
}

.hero h2 {
	font-size: 2.0em;
	color: darkturquoise;
	justify-content: center;
	padding: 10px 20px;
}

.hero h3 {
	font-size: 1.3em;
	color: darkmagenta;
	padding: 20px 40px;
}

/* About me Section */
.about {
	padding: 40px 200px;
	background-color: paleturquoise;
}

.about h3 {
	font-size: 1.2em;
	padding-bottom: 10px;
}

.about p {
	font-size: 1.1em;
	line-height: 1.7em;
	letter-spacing: 0.06em;
	padding-bottom: 10px;
}

/* Connect Section */
.connect {
	padding: 20px 200px;
	background-color: dimgrey;
}

.connect h3 {
	font-size: 1.2em;
	padding-bottom: 20px;
	color: cyan;
}

.socials {
	/* background-color: red; */
	display: flex;
	justify-content: space-between;
}

.socials a {
	background-color: grey;
	display: flex;
	align-items: center;
	text-decoration: none;
	width: 225px;
	border: 2px solid black;
	color: white;
}

.socials a:hover {
	background-color: floralwhite;
	color: black;
}

.socials a img {
	height: 40px;
	width: 40px;
	padding: 5px 20px 5px 5px;;
}

/* Featured Work Section */
.featured {
	background-color: paleturquoise;
	padding: 20px 200px;
}

.featured h3 {
	font-size: 1.2em;
	padding-bottom: 10px;
	text-align: center;
}

.fw-pods {
	display: flex;
	justify-content: space-around;
}

.fw-pods div {
	border: 2px solid black;
	width: 350px;
	background-color: grey;
	padding: 10px;
}

.fw-pods div h4 {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color: darkmagenta;
}

.fw-pods div p {
	color: white;
	letter-spacing: 0.05em;
}

.pod1 img {
	width: 350px;
	height: auto;
	padding: 10px 0;
}

.pod2 img {
	height: 85px;
	width: auto;
	padding: 10px 0;
}

.pod3 img {
	width: 350px;
	height: auto;
	padding: 10px 0;
}

/* RESUME Page */
.cv {
	background-color: dimgrey;
	padding: 20px 300px;
}

.cv h2 {
	font-size: 1.2em;
	color: cyan;
	letter-spacing: 0.05em;
	padding-top: 20px;
}

.cv h3 {
	padding: 10px 0 5px 0;
	color: darkorange;
}

.cv h4 {
	padding-bottom: 10px;
}

.cv p {
	padding-bottom: 10px;
}

.entry {
	display: flex;
	justify-content: space-between;
	letter-spacing: 0.05em;
}

.entry p {
	padding: 10px 0 5px 0;
	color: darkorange;
}

.techskills {
	display: flex;
	flex-wrap: wrap;
}

.techskills p {
	letter-spacing: 0.05em;
	width: 225px;
	background-color: lightgrey;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	margin: 15px;
}


/* BLARGH */
.blog {
	background-color: dimgrey;
	padding: 20px 400px;
}

.blog h2 {
	font-size: 1.3em;
	color: darkorange;
	letter-spacing: 0.05em;
}

.blog h3 {
	font-size: 1.15em;
	color: cyan;
	letter-spacing: 0.05em;
}

.blog p {
	letter-spacing: 0.05em;
	padding-bottom: 10px;
	color: white;
}

.blog img {
	width: 400px;
	height: auto;
}



/* FOR ALL PAGES */
/* Footer */
footer {
	background-color: #333;
}

footer p {
	color: white;
	text-align: center;
	padding: 20px 200px;
}