@import url(./reset.css);
@import url(./fonts.css);
@import url(./header.css);
@import url(./footer.css);




/*/////////////////////////////////////////////*/
/*GLOBAL VARIABLE*/
:root {
	/* colors texts */
	--color-texts:		rgb(1, 1, 1);

	/* colors links */
	--color-links:		rgb(120, 1, 1);

	/* colors buttons */
	--primary-hue:		12;
	--color-button:		hsl(var(primary-hue), 1%, 1%);

	/* color range */
	--color-purple:		#ee1998;
	--color-pink:		#ff7bca;
	--color-green:		#8fce3c;
	--color-yellow:		#e3e00a;
	--color-blue:		#51cee4;
	--color-water:		#0c9cb5;

	/* fonts */
	--font-titles:		'paradroid';
	--font-texts:		'louisgeorge';
	--font-fallback:	'cabrion';
}
/*GLOBAL VARIABLE*/
/*/////////////////////////////////////////////*/






/*/////////////////////////////////////////////*/
/*GENERAL SETTINGS*/
html {
	scroll-behavior: smooth;
}
main {
	min-height: calc(100vh - 70px);
}
body {
	display: flex;
	flex-direction: column;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
a, p, li {
	font-family: var(--font-texts), var(--font-fallback), sans-serif;
}
a, a > * {
	cursor: pointer;
}
a, a:visited, a:hover, a:link {
	color: var(--color-links);
}
li *, li p, article b, article em,
article i, article a, article var {
	display: inline;
}
p, var {
	color: var(--color-texts);
}
i {
	font-style: italic;
}
b {
	font-weight: 600;
	color: var(--article-medium);
}
em {
	font-weight: 600;
	color: var(--article-em);
}
/*GENERAL SETTINGS*/
/*/////////////////////////////////////////////*/