@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	height:100%;
	font-size:24px;
	
	color: #42484a;
	
	background:#fff;
	
	font-family: 'Rajdhani', "Helvetica Neue", sans-serif;
}


a {
	color:#4FA9F7;
	transition:  all 0.25s ease-out;
	text-decoration: none;
}

a:hover {
	color:#4F99D7;
	text-decoration: none;
}

::selection {
	background: #FFEE68;
	color: #872718;
	text-shadow: none;
}


.body-wrapper {
	height: 100%;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.content {
	display: flex;
	flex-wrap: wrap;	
	text-align: left;
	align-items: center;
	justify-content: center;
}

.cell {
	padding: 40px;
}

.middle.cell {
	flex-grow: 1;
	max-width: 500px;
}

.signature-img {
	height: 240px;
}

.title {
	font-size:42px;
	margin-bottom: 12px;
}

.text {
	font-size: 20px;
	margin-bottom: 12px;
}

.line {
	height: 1px;
	width:  100%;
	background: #e0e4e9;
	margin-bottom: 18px;
}

.preface {
	color: #909499;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 6px;
	text-transform: uppercase;
}


.linkedin, .linkedin-inner {
	display: block;
	border-radius:  12px;
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: bold;

	font-size: 70px;
	color: #fff;
	
	transition:  all 0.25s ease-out;
	
	/* border: 1px solid #0093d0; */
	background:  rgba(0, 147, 208, 0.35);
	padding:  6px;
}

.linkedin-inner {
	/* opacity: 0.5; */
}

.linkedin-text {
	padding-top: 0px;
  padding-bottom: 0px;
  opacity: 1;
}

.linkedin {
	margin-bottom: 18px;
}

.linkedin:hover {
	background: #0077b1;
	font-size: 80px;
}

.linkedin:hover .linkedin-inner, .linkedin-inner:hover {
	color: #fff;
	text-decoration: none;
}

.linkedin-inner {
	/* color: #0093d0; */
}





#social_links a {
	text-decoration:none;
	padding-left:24px;
	padding-right:24px;
	display:block;
}

#social_links a:hover {
	text-decoration:none;
}

#facebook_link {
	color:#3B5999;
}

#facebook_link:hover {
	color:#5267AF;
}

#linkedin_link {
	color:#1A7FB3;
}

#linkedin_link:hover {
	color:#2F8FC3;
}

#twitter_link {
	color:#4FA9B7;
}

#twitter_link:hover {
	color:#5FB9C7;
}

#about_link {
	color:#FE4365;
}

#about_link:hover {
	color:#FF5375;
}