:root {

	/* =============== COLORS */

	/* Orange */
/*	--color-primary: #FF5900;*/
/*	--color-secondary: #000000;*/

	/* Green */
/*	--color-primary: #D7FE03;*/
/*	--color-secondary: #000000;*/

	/* Blue */
	--color-primary: #0E56FF;
	--color-secondary: #003DC2;

	/* Content Colors */
	--color-background: #fcfcfc;
	--color-title: #ffffff;
	--color-text: #161617;


	/* =============== FONTS */

	/* Font Style */
	--font-family: 'Plus Jakarta Sans';

	/* Font: Title */
	--title-size: 26px;
	--title-weight: 600;

	/* Font: Subtitle */
	--subtitle-size: 16px;
	--subtitle-weight: 400;

	/* Font: Content */
	--content-size: 14px;
	--content-weight: 300;

	/* Box Shadows */
	--box-shadow: 16px 16px 32px #00000008, -16px -16px 32px #00000003;


	/* =============== SIZES */

	--topbar-height: 80px;

}


/* ==================== UTILITIES */

body {
	color: var(--color-text);
	background: var(--color-background);
	font-weight: var(--content-weight);
	font-family: var(--font-family);
	font-size: var(--content-size);
}

.content__box {
	padding-top: calc(var(--topbar-height) + 35px);
}

.module {

}

.title {
	font-family: var(--font-family);
	font-size: var(--title-size);
	font-weight: var(--title-weight);
	color: var(--color-text);
	margin: 0px 0px 10px 0px;
}

.title__divider {
	border-top: 3px solid var(--color-primary);
	margin-top: 15px;
	margin-bottom: 20px;
	width: 50px;
}

.subtitle {
	font-family: var(--font-family);
	font-size: var(--subtitle-size);
	font-weight: var(--subtitle-weight);
	color: var(--color-text);
	margin-bottom: 0px;
}