/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > RESPONSIVE CONSTANT FOR CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

:root {--text-base-size:16px;--text-scale-ratio:1.325;--space-unit:16px;}

@media (max-width: 1024px) {
	:root {--text-base-size:15px;--text-scale-ratio:1.15;--space-unit:15px;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > RESPONSIVE CONSTANT FOR CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ************************************************** */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
:root {
	/* ## TEXT DIMENSIONS */
	--text-xs: calc((var(--text-base-size) / var(--text-scale-ratio)) / var(--text-scale-ratio)); /* H6 */
	--text-sm: calc(var(--text-xs) * var(--text-scale-ratio)); /* H5 */
	--text-base: var(--text-base-size); /* H4 */
	--text-lg: calc(var(--text-base) * var(--text-scale-ratio)); /* H3 */
	--text-xl: calc(var(--text-lg) * var(--text-scale-ratio)); /* H2 */
	--text-xxl: calc(var(--text-xl) * var(--text-scale-ratio)); /* H1 */
	--text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio)); /* MONSTER */
	/* ## SPACE DIMENSIONS */
	--space-xxxxs: calc(0.125 * var(--space-unit));
	--space-xxxs: calc(0.25 * var(--space-unit));
	--space-xxs: calc(0.375 * var(--space-unit));
	--space-xs: calc(0.5 * var(--space-unit));
	--space-sm: calc(0.75 * var(--space-unit));
	--space-one: calc(1 * var(--space-unit));
	--space-md: calc(1.5 * var(--space-unit));
	--space-lg: calc(2 * var(--space-unit));
	--space-xl: calc(4 * var(--space-unit));
	--space-xxl: calc(6 * var(--space-unit));
	--space-xxxl: calc(9 * var(--space-unit));
	--space-xxxxl: calc(12 * var(--space-unit));
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ************************************************** */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > SETTING GLOBAL ATTRIBUTES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*{
	outline: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	/* transition: all 0.25s; */
}
body
{
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	font-family: "Montserrat",sans-serif;
	background-color: rgba(var(--white), 1);
	font-size: var(--text-base-size);
	color: rgba(var(--grey-darkest), 1);
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
/* .pagecontent {min-height:100vh;} */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > SETTING GLOBAL ATTRIBUTES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ************************************************** */