/*/////////////////////////////////////////////*/
/*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:			#ee1998;
	--color-pink:			#ff7bca;
	--color-green:			#8fce3c;
	--color-yellow:			#e3e00a;
	--color-blue:			#51cee4;
	--color-water:			#0c9cb5;

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

	/*space between content and screen*/
	--screen-gap:			5vw;
}


/*/////////////////////////////////////////////*/
/*INITIAL SETTINGS*/
html {
	scroll-behavior: smooth;
	font-size: 10px;
}
/*to keep a blank space between the content and the edges of the page*/
body {
	padding: var(--screen-gap);
	width: calc(100% - 2 * var(screen-gap));
}
main {
	min-height: calc(100vh - 70px);
}