/*** HELPERS & GENERAL ***/

* {font-family: 'Arial', sans-serif;}

body {
	border-top: 2px solid #a88251;
	background-color: #e9dfd3;
}

hr {
	height: 2px;
	width: 10%;
	background: rgba(0,0,0,0.05);
	margin: 40px auto;
	border: 0;
}

/*e9dfd3*/
/*a88251*/

/*** COLOR & TYPOGRAPHY ***/

.cyan-ap {background-color: #28a8ab !important;}
.green-ap {background-color: #124a3d !important;}
.red-ap {background-color: #ff2042 !important;}
.yellow-ap {background-color: #e2cc1e !important;}

.cyan-ap-text {color: #28a8ab !important;}
.green-ap-text {color: #124a3d !important;}
.red-ap-text {color: #ff2042 !important;}
.yellow-ap-text {color: #e2cc1e !important;}
.grey-ap-text {color: #bdbdbd !important;}

.oswald {font-family: 'Oswald', sans-serif;}
.raleway {font-family: 'Raleway', sans-serif;}

.light {font-weight: 200;}

/*** COMPONENTS ***/

#bg-tree {
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	z-index: -1;
}

#landing-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	background: rgba(255,255,255,.8);
	border: 1px solid rgba(0,0,0,.05);
	padding: 60px;
	border-radius: 10px;
}

/*#landing-content::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 50px solid transparent;
	border-right: 50px solid transparent;
	border-left: 50px solid #FEFFF3;
}*/

#landing-content h1 {
	margin: 0;
	font-size: 45px;
	font-weight: 700;
	color: #000000;
	text-transform: uppercase;
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

#landing-content #user {
	display: flex;
	align-items: center;
	margin-top: 20px;
	text-align: left;
}

#landing-content #user img {
	width: 150px;
	border-radius: 1000px;
	margin-right: 20px;
}

#landing-content h3 {
	font-size: 20px;
	color: #000000;
	margin-top: 0;
}

#landing-content h4 {
	margin: 0;
	color: #a88251;
	font-size: 14px;
	margin-top: 10px;
}

#landing-content h4 a {
	font-weight: 600;
	color: #a88251;
}

#landing-content h4 a:hover {
	text-decoration: underline;
}

#landing-content h4 a i {
	margin-right: 5px;
}

#landing-links {
	display: flex;
	justify-content: center;
	margin: 0;
}

#landing-links li:not(:last-child) {
	margin-right: 20px;
}

#landing-links li a {
	height: 60px;
	display: inline-block;
	width: 60px;
	line-height: 60px;
	background: #FEFFF3;
	border: 1px solid rgba(0,0,0,.05);
	border-radius: 10px;
	transition: .3s;
}

#landing-links li a:hover {
	opacity: .9;
	transform: scale(1.05,1.05);
	background: #a88251;
}

#landing-links li a i {
	line-height: 58px;
	color: #a88251;
	font-size: 2rem;
	transition: .3s;
}

#landing-links li a:hover i {
	color: #FEFFF3;
}

/*** HEADER ***/



/*** HOME ***/



/*** PAGES ***/



/*** FOOTER ***/



/*** JS ***/