@import url('https://fonts.googleapis.com/css?family=PT%20Sans');

* {
	box-sizing: border-box;
}

body {
	font-family: "PT Sans", sans-serif;
	margin: 0;
	text-align: center;
	background-color: #eadbbe;
	color: #141414;
}
		
.container {
	display:flex;
	justify-content: space-evenly;
	align-items:center;
	align-content:space-between;
}

.containerLeft {
	justify-content: left;
	align-items:left;
}

.containerRight {
	justify-content: right;
	align-items:right;
}
		
.huntedButton {
	background-color:#3f3f3f;
	color:#EADBBE;
	padding:1rem;
	text-decoration:none;
	display:inline-block;
	border: 15px solid #3f3f3f;
	border-radius: 10px;
	font-size:2rem;
}

.huntedButton:hover {
	background-color: #CABB9E;
	border-color: #CABB9E;
	color: #3f3f3f;
}
	
/* TYPOGRAPHY
==================== */

#home-greeting h1 {
	font-size: 3rem;
}

#home-greeting h2 {
	font-size:2rem;
}

#resume-head h1 {
	font-size:2rem;
	margin: 0 25vw 0;
	padding: .5em;
	border-bottom: 2px solid #141414;
}

#resume-body {
	border-bottom: 2px double #141414;
}

a {
	text-decoration: none;
}

ul {
	list-style:none;
}	
	
/* HEADER
==================== */

#home_header {
	position:absolute;
	background-color:rgba(0,0,0,0.2);
	z-index:1;
	top:0;
	left:0;
	right:0;
}

nav ul {
	margin: 0;
	padding: 1.5em 0;
	list-style: none;
}

nav li {
	display: inline-block;
}

nav a {
	color:#282828;
	font-weight:900;
	font-size:1.5rem;
	padding:1em;
}

nav a:hover,
nav a:focus {
	background-color:rgba(255,255,255,0.2);
}

header img {
	height:4em;
	width:auto;
	padding:0;
	margin-top:1em;
	float:none;
	border:4px solid #0452ff;
	border-radius:50%;
}
	
/* SECTIONS
==================== */


#home-greeting {
	position:relative;
	height: 460px;
	padding: 12rem 0rem 3rem;
}

@media (min-width: 60em) {
	#home-greeting {
		height: 400px;
		padding-top: 8rem;
	}
}

#resume-head {
	background-color:#FFFFFF;
}

#resume-body {
	background-color:#FFFFFF;
	min-height:50vh;
}

#resume-explanation {
	background-color:#F0F0F0;
	min-height:100vh;
}
	
/* FOOTER
==================== */

footer {
	display:block;
	position:initial;
	bottom:0;
	height:20vh;
	width:100%;
	background-color:#E0E0E0;
	text-align:left;
	font-size:1.5rem;
	border-top: 8px outset #1473A2;
}

footer ul {
	display:inline-block;
	float:left;
	margin:0;
	padding:2rem;
}

footer ul:first-of-type {
	padding-left:2.5rem;
}

/*
footer ul:last-of-type {
	padding-right:2.5rem;
}
*/

footer li:first-of-type {
	font-weight:900;
	color:#000000;
}
	
/* BUTTON
==================== */

.button {
	display:inline-block;
	color:#F5F5F5;
	background-color: #282828;
	border: 2px solid #282828;
	font-size:1.5rem;
	padding:1em 2.5em 1em;
}

.button:hover,
.button:focus {
	background-color: #1473A2;
	color: #282828;
}

.button-small {
	padding: 0.5em 1.333334em 0.5em;
	font-size:1.125rem;
}

.button-bump {
	border-style: outset;
	border-color: #888;
}

.button-bump:hover,
.button-bump:focus {
	border-style:inset;
}

@media (min-width: 34em) {
	/* tablet mode */
}

@media (min-width: 60em) {
	/* wide mode */
	header img {
		float: left;
		margin: 5px 0 5px 5px;
		bottom:0;
		top:0;
	}
	
	nav ul {
		float: right;
		margin-right:2em;
	}
}


/* RESUME
==================== */

#resume-body {
	padding:1rem 3rem;
}

#resume-body h2 {
	text-align:left;
}

#resume-body p {
	text-align:left;
	padding: 0rem 1rem;
}

.resume-label {
	text-align:right;
	display:block;
}