$ClrWhite: #FAFAFA;
$ClrTrueWhite: #FFFFFF;
$ClrText: #3A4145;
$ClrBlack: #202020;
$ClrTrueBlack: #000000;


$FontTitle: 'Croissant One',cursive;
$FontText: 'Noto Serif',serif;

$ImgPath: /img;

@import "fonts.scss";
@import "nav.scss";
@import "section.scss";
@import "monokai.scss";
@import "lightbox-ovr.scss";

body{
	background-image: url(/img/ui/gnome3.jpg);
	background-size: cover;
	background-attachment: fixed;

	font-family: $FontText;
	font-size: 1.8rem;
	color: #3A4145;
}


/*
=====================================================================
	Spécifique aux pages
 */
body[data-page=home] {
	#section-main{
		left: $NavLeft_Width;
	}
	nav#left{
		left: 0px;
		.arrow{
			opacity: 0;
		}
	}
}

@media screen and (min-width: 1100px) {
	#section-main{
		left: $NavLeft_Width;
	}
	nav#left {
		left: 0px;
		.arrow{
			opacity: 0;
		}
	}
}

body.skills{
	#section-main{
		article{
			.skillexcellent, .skillgood, .skillmed, .skillknown, .skillperso, .skillstudy{
				padding: 0 3px 0 3px;
				border-radius: 5px;
			}
			.skillexcellent	{background: linear-gradient(#00C107, #00A806);}
			.skillgood		{background: linear-gradient(#73C100, #64A800);}
			.skillmed		{background: linear-gradient(#BAC100, #A2A800);}
			.skillknown		{background: linear-gradient(#C18F00, #A87D00);}
			.skillperso		{border-style: solid; border-width: 2px; border-color: #8000FF;}
			.skillstudy		{border-style: solid; border-width: 2px; border-color: #9E9E9E;}
		}
	}
}