/* On importe les polices d'écritures que l'on va pouvoir utiliser sur les pages HTML que nous allons développer */
@font-face {
    font-family: 'BibleScript';
    src: url('../font/BibleScrT.woff2') format('woff2'),
        	url('../font/BibleScrT.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Création des variables que nous allons utiliser - Pour cela on définit nos variables dans la pseudo classe :root */

:root {
	--couleurFondPage:hsla(26,75%,15%,0.2); /*La couleur de base, choisie dans le cercle chromatique est 26*/
	--couleurBandeau:hsl(26,75%,15%);
	--couleurFondArt:hsl(26,0%,100%);
	--couleurParole:purple;
	--couleurPassage:hsl(40,100%,50%);
	--couleurEssai: yellow ;
	--couleurEcriture:#303030;
	--couleurTexteBiblique:hsla(280,67%,13%,0.8);	
	--couleurb1:rgba(255,0,0,1);
	--couleurSurlignement:rgb(220, 220, 220);
	--couleurSurlignementTexteBiblique:rgba(126, 0, 255, 0.4);
	
	
    --taillePolice0:8px;
	--taillePolice1:10px;
	--taillePolice2:12px;
	--taillePolice3:14px;
	--taillePolice4:16px;
	--taillePolice5:20px;
	--taillePolice5b:25px;
	--taillePolice5c:26px;
	--taillePolice6:30px;
	--taillePolice6b:35px;
	--taillePolice7:40px;
	--taillePolice8:50px;
    
	--police1:"Times new roman";
	--police2: 'BibleScript',"Amazone BT","Vivaldi", "Edwardian Script ITC";
	--police3:"Chronicle Text G1";

	--dim1:2px;
	--dim2:5px;
	--dim3:10px;
	--dim4:20px;
	--dim5:40px;
	--dim6:50px;
	--dim7:100px;
	--dim7b:150px;
	--dim8:200px;
	--dim9:300px;
	--dim10:400px;
	--dim11:800px;
}






html {
	height: auto; /* La hauteur de la page HTML est de 100 % du disponible */
}

body{
	background: linear-gradient(180deg, var(--couleurFondPage) 20%, white);/*Utilisation d'un dégradé de couleur*/
	font-size:100%;/*hauteur des caractères en pourcentage pour les rendre adaptables à l'écran*/
	line-height: 250%;/*hauteur de ligne*/
	height:auto;/*hauteur de la page*/
	width: 100%; /* Largeur totale de la page */

}