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


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

$ImgPath: /images;

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

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

	font-family: $FontText;
	font-size: 1.8rem;
	color: #3A4145;
}
img.avatar {
    border: none;
    border-radius: 0 0 50% 50%;
    max-height: 200px;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4));
}


/*
=====================================================================
	Spécifique aux pages
 */

@media screen and (min-width: $ArticleMaxWidth + $NavLeft_Width) {
	div#content{
		left: $NavLeft_Width;
	}
	div#left {
		left: 0px;
		.arrow{
			opacity: 0;
		}
	}
}
@media screen and (max-width: $ArticleMaxWidth + $NavLeft_Width) {
    div#content {
        main {
            article {
                max-width: 100%;
                border-radius: 0;
                h1:first-child {
                    border-radius: 0;
                }
            }
        }
    }
}
body[data-page=home] {
	div#content{
		left: $NavLeft_Width;
	}
	div#left{
		left: 0px;
		.arrow{
			opacity: 0;
		}
	}
}
/*
body.skills{
	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;}
		}
	}
} */