@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

:root {
	--we-yellow: #F3CA8E;
	--we-blue: #729FCF;
	--we-green-color: #66CB8C;
	--we-lightblue-color: #27CADD;
	--we-white: #FFFFFF;
	--we-light-grey: #393939;
	--we-md-grey: #222222;
	--we-content-bg: #232729;
	--we-dark-grey: #111111;
	--we-blue-grey: #677689;
	--we-red-title: #E74C3C;
	
	--we-heading-text-size: 1.8rem;
	--we-text-size: 1.1rem;	
}

body {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}
.we-navbar {
	background: var(--we-light-grey);			
	margin-bottom: 0;
	border-bottom: 0;
	padding: 20px 0;
	-webkit-transition: .3s all;
	transition: .3s all;
	font-size: 1.6rem;
}
.nav-link {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
.we-nav-title {
	color: var(--we-yellow);
	font-size: 3.5rem;
	font-weight: bold;
	margin-top: -1rem;
	font-family: 'Permanent Marker', cursive;
}
.we-cnt-header {
	color: var(--we-red-title);
	font-family: 'Permanent Marker', cursive;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.we-cnt-header-line {
	border-bottom: 2px solid var(--we-red-title);
}
.we-cnt-body {
	font-size: 1.3rem;
	color: white;
	background-color: var(--we-content-bg);
	border-radius: 1.5rem;
	border: 1px dotted var(--we-blue-grey);
	padding: 3rem;
}
.we-footer {
	padding: 65px 0 40px;
	background: var(--we-dark-grey);
	font-size: 1.2rem;
	line-height: 29px;
	color: rgba(255, 255, 255, 0.8);
}

.we-hp-text {
	font-size: 1.5rem;
}

.we-hp-quote {
	font-size: 1.5rem;
	color: var(--we-yellow);
	font-style: italic;
}

.we-emp-text {
	color: var(--we-red-title);
	font-family: 'Permanent Marker', cursive;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

.we-hp-text1 {
	font-size: 1.5rem;
	color: var(--we-green-color);
}

.we-hp-text2 {
	font-size: 1.5rem;
	color: var(--we-yellow);
}

.we-hp-text3 {
	font-size: 1.5rem;
	color: var(--we-lightblue-color);
}