/*----------------------------------------------*/
/*IMPORT CSS*/
@import url(./reset.css);
@import url(./global.css);
@import url(./fonts.css);
@import url(./text.css);
@import url(./header.css);
@import url(./footer.css);
@import url(./images.css);




/*----------------------------------------------*/
/*GLOBAL VARIABLE*/
:root {
	/* color range */
	--color-purple:			hsl(324, 86%,  52%); /* #ee1998 - rgb(238, 25,  152) */
	--color-pink:			hsl(324, 100%, 74%); /* #ff7bca - rgb(255, 123, 202) */
	--color-green:			hsl(86,  60%,  52%); /* #8fce3c - rgb(143, 206, 60 ) */
	--color-yellow:			hsl(59,  92%,  46%); /* #e3e00a - rgb(227, 224, 10 ) */
	--color-blue:			hsl(189, 73%,  61%); /* #51cee4 - rgb(81,  206, 228) */
	--color-water:			hsl(189, 88%,  38%); /* #0c9cb5 - rgb(12,  156, 181) */

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

	/*TEXTE*/
	/* fonts */
	--font-titles:			'paradroid';
	--font-texts:			'louisgeorge';
	--font-fallback:		'cabrion';

	/* colors texts */
	/*text*/
	--color-text:			hsl(0, 0%, 10%);
	--color-text-light:		hsl(0, 0%, 25%);
	--color-text-strong:	rgb(0, 0%, 5%);
	/*links*/
	--color-link:			rgb(120, 1, 1);
	--color-link-hover:		rgb(120, 1, 1);
	--color-link-visited:	rgb(120, 1, 1);
	--color-link-active:	rgb(120, 1, 1);
	/*titles*/
	--color-title-1:		hsl(0, 0%, 10%);
	--color-title-2:		hsl(0, 0%, 10%);
}


/*----------------------------------------------*/
/*INITIAL SETTINGS*/
html {
	scroll-behavior: smooth;
	font-size: 10px;
}
main {
	min-height: calc(100vh - 70px);
}