/* PALETTE DE COULEURS
light-blue = #6a9bad
dark-blue = #213c62
gold = #b49425
 */ 


/* styles de textes */
@font-face {
  font-family: BBBBaskervvol; /* set name */
  src: url(src/BBBBaskervvol-Medium.ttf); /* url of the font */
}


h1{
	font-family: 'Googlas', sans-serif;
    font-size: 15vmin; /* 'vmin' est une unité de taille qui est responsive, fontionne en rapport avec la taille minimale du view port*/
    text-align: center;
    color: #213c62;
}
h2{ /* grand titre de rubrique */
	font-family: 'Major Mono Display', sans-serif;
    color: #b49425;
    font-size: 7vmin;
}
h3{ /* petit titre de rubrique */
	font-family: 'Major Mono Display', sans-serif;
    color: #b49425;
    font-size: 5vmin;
}
h4{ /* sous titre du header */
	font-family: 'BBBBaskervvol', sans-serif;
	letter-spacing: 2px;
	font-size: 8vmin;
	text-align: center;
	margin: 20px;
}
h5{ /* intitulé expérience et formation */
	font-family: 'VARUNA', sans-serif;
	letter-spacing: 2px;
	font-size: 30px;
	text-transform: uppercase;
}

p, li{
	font-family: 'VARUNA', sans-serif;
    letter-spacing: 1px;
    font-size: 18px;
}

/* Barre de navigation */
.navbar-header > a{
	font-family: 'Googlas', sans-serif;
	letter-spacing: 4px;
}
.navbar-nav > li > a{
	font-family: 'VARUNA', sans-serif;
    letter-spacing: 1px;
    font-size: 16px;
}

/* barres de progrès */
.progress{ /* impact la fenêtre de visibilité de la barre */
	box-sizing: content-box;
	margin: 5px;
	height: 26px;

}
.progress-bar{ /* impact la barre en elle même */
	font-size: 16px;
	text-align: left;
	text-indent: 10px;
	padding: 5px;
	box-sizing: content-box;

}
.progress-bar-light{
	background: #6a9bad;
}
.progress-bar-dark{
	background: #213c62;
}