/*
 *	Copyright (C) 2020  Yassine LADRAM
 *
 *	Author: Yassine LADRAM
 *	Author URL: https://yassineladram.fr/
 */

:root {
	--grey-color-lvl-0: hsl(210, 9%, 15%);
	--grey-color-lvl-10: hsl(210, 9%, 18%);
	--grey-color-lvl-9: hsl(210, 9%, 19%);
	--grey-color-lvl-8: hsl(210, 9%, 21%);
	--grey-color-lvl-7: hsl(210, 9%, 22%);
	--grey-color-lvl-6: hsl(210, 9%, 28%);
	--grey-color-lvl-5: hsl(210, 9%, 35%);
	--grey-color-lvl-4: hsl(210, 9%, 48%);
	--grey-color-lvl-3: hsl(210, 9%, 55%);
	--grey-color-lvl-2: hsl(210, 9%, 82%);
	--grey-color-lvl-1: hsl(210, 9%, 95%);

	--transparent-grey-color-lvl-8: hsla(210, 9%, 26%, 0);

	--main-font-color: var(--grey-color-lvl-2);
	--main-bg-color: var(--grey-color-lvl-8);
	--secondary-bg-color: var(--grey-color-lvl-10);

	--main-color: hsl(207, 25%, 43%);
	--alt-main-color: hsl(207, 25%, 35%);
	--alt-lighter-main-color: hsl(207, 25%, 20%);
	--secondary-color: hsl(207, 100%, 45%);

	--blog-main-color: hsl(280, 25%, 43%);
	--blog-alt-main-color: hsl(280, 25%, 35%);
	--blog-alt-lighter-main-color: hsl(280, 25%, 20%);
	--blog-secondary-color: hsl(280, 100%, 45%);

	--red-color: #e53935;
	--light-red-color: #ef9a9a;

	--white-color: #fff;
	
	--project-highlight-color: var(--grey-color-lvl-2);
	--project-logo-color: var(--grey-color-lvl-2);

	--focus-color: hsla(207, 100%, 45%, .15);

	--linkedin-color: #1e82c4;
	
	--statrent-project-main-color: hsl(212, 100%, 54%);
	--statrent-project-bg-color: hsl(212, 100%, 44%);

	--bazconsulting-project-main-color: hsl(196, 99%, 47%);
	--bazconsulting-project-bg-color: hsl(196, 99%, 37%);
	--bazconsulting-project-transparent-bg-color: hsla(196, 99%, 37%, .75);
	--bazconsulting-project-secondary-color: #0070bf;

	--thespoon-project-main-color: hsl(165, 82%, 51%);
	--thespoon-project-bg-color: hsl(165, 82%, 41%);
	--thespoon-project-transparent-bg-color: hsla(165, 82%, 41%, .75);

	--mastermind-project-main-color: hsl(348, 99%, 55%);
	--mastermind-project-bg-color: hsl(348, 99%, 45%);
	--mastermind-project-transparent-bg-color: hsla(348, 99%, 45%, .75);

	--touitteur-project-main-color: hsl(204, 60%, 45%);
	--touitteur-project-bg-color: hsl(204, 60%, 35%);
	--touitteur-project-transparent-bg-color: hsla(204, 60%, 35%, .75);
}

#darkmode-alert {
	display: block;
}

#profile-img {
	opacity: .85;
}

#school-diplomas > section {
	background: linear-gradient(180deg, var(--main-bg-color) 15%, hsla(210, 9%, 26%, .9) 75%) !important;
}

.project-desc:after {
	opacity: .5 !important;
}