#header
{
	background-image: url("../images/small-octagon-background.jpeg");

	background-size: cover;

	height: 1000px;
}

#name
{
	font-family: 'Source Code Pro', serif;

	font-size: 400%;

	color: white;

	position: absolute;

	margin-left: 550px;

	margin-top: 50px;
}

#photo-card
{
	position: absolute;

	margin-top: 140px;

	margin-left: 450px;

	width: 700px;

	height: 800px;
}

#photo
{
	height: 760px;
}

#about-me
{
	height: 875px;
}

#greeting
{
	text-align: center;

	font-family: 'Source Code Pro', serif;
}

#about-me-header
{
	text-align: center;

	font-family: 'Source Code Pro', serif;
}

#about-me-card
{
	width: 50% !important;

	position: absolute;

	margin-left: 425px;
}

#about-me-header
{
	font-family: 'Source Code Pro', serif;
}

#about-me-card-body > p
{
	font-family: 'Source Code Pro', serif;
}

#experience
{
	background-image: url("../images/ConnectedBlueDots.png");

	height: 1150px;
}

#experience-title
{
	text-align: center;

	color: white;

	font-family: 'Source Code Pro', serif;
}

#leidos-card, #noblis-card, #wake-1834-card
{
	background: none;

	border-color: white;

	width: 60rem !important;

	position: absolute;

	margin-left: 350px;
}

#noblis-card
{
	margin-top: 400px;
}

#wake-1834-card
{
	margin-top: 680px;
}

#leidos-software-engineer, #noblis-software-engineer, #wake-1834-software-engineer
{
	color: white;

	font-family: 'Source Code Pro', serif;
}

#leidos-at-sign, #noblis-at-sign, #wake-1834-at-sign
{
	color: white;

	font-family: 'Source Code Pro', serif;
}

#leidos-logo, #noblis-logo, #wake-1834-logo
{
	height: 75px;

	width: 75px;
}

#leidos-info, #noblis-info, #wake-1834-info
{
	color: white !important;

	font-family: 'Source Code Pro', serif;
}

#technical-toolbox
{
	background-image: url("../images/RedDots.png");

	height: 1950px;
}

#technical-toolbox-title
{
	text-align: center;

	color: white;

	font-family: 'Source Code Pro', serif;
}

#languages-proficient, #languages-experienced, #other
{
	width: 40% !important;
}

#languages-title, #other-title
{
	text-align: center !important;

	font-family: 'Source Code Pro', serif;
}

#languages-proficient
{
	position: absolute;

	margin-top: 30px;

	margin-left: 475px;
}

#languages-experienced
{
	position: absolute;

	margin-top: 360px;

	margin-left: 475px;
}

#other
{
	position: absolute;

	margin-top: 800px;

	margin-left: 475px;
}

.list-group-item
{
	font-family: 'Source Code Pro', serif;	
}

#resume
{
	background-image: url("../images/Stars.jpg");

	height: 1400px;
}

#resume-title
{
	text-align: center;

	color: white;

	font-family: 'Source Code Pro', serif;
}

#resume-wrapper
{
	position: absolute;

	margin-top: 30px;

	margin-left: 500px;
}

#resume-google-docs
{
	overflow: hidden;

	height: 800px;
}

#download-link-wrapper
{
	position: absolute;

	margin-top: 875px;

	margin-left: 650px;
}

#resume-download-link
{
	color: white;

	font-family: 'Source Code Pro', serif;
}

.contact-me-card
{
	position: absolute;

	width: 250px;

	height: 200px;

	margin-left: 700px;

	margin-top: 950px;

	perspective: 500px;
}

.content
{
	position: absolute;

	width: 100%;

	height: 100%;

	box-shadow: 0 0 15px rgba(0,0,0,0.1);

	transition: transform 1s;

	transform-style: preserve-3d;
}

.contact-me-card:hover .content
{
	transform: rotateY(180deg);

	transition: transform 1s;
}

.front #text
{
	color: white;

	margin-top: 30px;

	font-family: 'Source Code Pro', serif;
}

.front, .back
{
	position: absolute;

	height: 100%;

	width: 100%;

	background-color: #fa695c;

	color: #03446A;

	text-align: center;

	font-size: 20px;

	border-radius: 5px;

	backface-visibility: hidden;
}

.back
{
	background: white;

	color: black;

	transform: rotateY(180deg);

	line-height: 50px;

	font-family: 'Source Code Pro', serif;
}

#mail-icon
{
	position: absolute;

	margin-top: -9px;

	margin-left: -30px;
}

.footer
{
	padding-top: 15px;
}

#footer-left
{
	margin-left: 75px;

	font-size: 1.00em;

	font-family: 'Source Code Pro', serif;

	white-space: nowrap;
}

#footer-middle
{
	font-size: 1.00em;

	font-family: 'Source Code Pro', serif;

	white-space: nowrap;
}

#footer-middle > p
{
	margin-left: 700px;

	margin-top: -42px;
}

.red-heart
{
	font-size: 90%;
	
	color: red;
}

#footer-right
{
	font-size: 1.00em;

	font-family: 'Source Code Pro', serif;

	white-space: nowrap;

	margin-top: -42px;

	margin-left: 1300px;
}

footer .fa-stack-overflow, footer .fa-github, footer .fa-linkedin-square, footer .fa-twitter-square, footer .fa-envelope
{
	color: black;
}

footer .fa-github, footer .fa-linkedin-square, footer .fa-twitter-square, footer .fa-envelope
{
	margin-left: 5px;
}

footer .fa-stack-overflow:hover, footer .fa-github:hover, footer .fa-linkedin-square:hover, footer .fa-twitter-square:hover, footer .fa-envelope:hover
{
	animation: fa-spin 1s infinite linear;
}

@-webkit-keyframes fa-spin
{
	0%
	{
		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);
	}

	100%
	{
		-webkit-transform: rotate(359deg);

		transform: rotate(359deg);
	}
}

@keyframes fa-spin
{
	0%
	{
		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);
	}

	100%
	{
		-webkit-transform: rotate(359deg);

		transform: rotate(359deg);
	}
}