/* ---- General Styles ---- */
body {
	margin: 0px;
	text-align: center;
	font-family: "Arial Black", "Gadget", sans-serif;
	font-weight: 400;
}

/* ---- Introduction Section ---- */
.introduction_section {
	height: 700px;
	width: 100%;
	background-image: url("img/Wolfboy.jpg");
	background-size: cover;
}

/* Profile Picture */
.profile_picture_circle {
	padding-top: 150px;
}

.profile_picture {
	background-image: url("img/Me.jpg.jpg");
	background-position: center;
	width: 160px;
	height: 160px;
	border: gold 2px solid;
	border-radius: 50%;
	background-size: 105%;

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

/* Hello text */
.hello_title {
	color: gold;
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.hello_subtitle {
	color: gold;
	text-align: center;
	font-size: 19px;
	margin-top: 0px;
}

/* Social Icons */
.social_icon {
	margin: 5px;
}

.social_icon img {
	width: 30px;
}

.social_icon:hover {
	opacity: 0.5;
}


/* ---- Few Things Banner ---- */
.few_things_banner {
	background-color: #D4AF37;
}

.few_things_text {
	color: white;
	font-size: 30px;
	text-align: center;
	margin: 0;
	padding: 15px;
}



/* ---- Facts ---- */
/* Main Text */
.facts {
	background-color: #1A2157;
	padding-top: 5px;
	padding-bottom: 5px;
}

.facts p {
	text-align: left;
	color: #D4AF37;
	font-size: 20px;
	font-weight: 300;
	line-height: 70px;

	max-width: 760px;
	margin: 80px auto 80px auto;
	padding: 0 20px 0 20px;
}

/* Text Highlight Colour */
.highlight {
	color: 	#C0C0C0;
	font-weight: 500;
}

/* Fact Links */
.fact_link {
	color: 	#C0C0C0;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 3px solid #C32E28;
	padding: 0px 2px 0px 2px;
}

.fact_link:hover {
	color: #EFEFEF;
	background-color: #C32E28;
	padding: 0px 2px 0px 2px;
}

/* Fact Picture */
.fact_image {
	max-width: 400px;
	border: white solid 10px;

	display: block;
	margin: 20px auto 0 auto;
}

/* Public Figures List */
.public_figures_list {
	font-family: "Arial Black", "Gadget", sans-serif;
	text-align: center;
	color: #515151;
	font-size: 20px;
	font-weight: 300;
	list-style-type: none;

	padding: 0;
	margin: 0;
	padding-top: 20px;
	margin-top: -80px;
}

.public_figures_list li {
	padding-bottom: 5px;
	margin-bottom: 15px;
}


/* --- Tell Me About You --- */
.tell_me_section {
	background-color: #121742;
	width: 100%;
}

/* 'You've learned a little about me.' */
.learned_text {
	text-align: center;
	color: gold;
	font-size: 20px;
	font-weight: 300;
	line-height: 70px;

	max-width: 760px;
	margin: 0 auto 0 auto;
	padding: 80px 15px 15px;
}

/* 'Tell me about you' Box */
.tell_me_link {
	text-align: center;
	color: gold;
	font-size: 15px;
	font-weight: 300;
	line-height: 70px;

	padding: 0px;
	margin: auto;
	padding-bottom: 100px;
	padding-top: 30px;
}

.tell_me_link a {
	color: gold;
	text-decoration: none;
	border: white 3px solid;
	border-radius: 5px;

	padding: 10px 20px 10px 20px;
}

.tell_me_link a:hover {
	color: #212930;
	background-color: black;
	text-decoration: none;
	border: white 3px solid;
	border-radius: 5px;

	padding: 10px 20px 10px 20px;
}