body {
	background-color : black ;
	font-family: 'Dhurjati', sans-serif;

}
h1 {
	font-size : 2em;
}
h2 {
	font-size : 2em;
}	
#p2 {
	display: none ;
	color: white ;
	transition: 2s ;
}

.titre {
	background-color : #ffffff;
	display: flex; 
	justify-content : center;
}
.damn { 
		background-color : #ffffff;
			display: flex; 
			justify-content : center;
			padding : 10px ;
			margin : 50px ; 
		transition: 2s ; 
}

.damn:hover {
	background-color : #000000;
	transition: 2s ;
	border-color: #ffd700 ;
}

.damn:hover #p2{
	display: block;
	
}

.damn:hover #p1{
	display: none;
	
}
.damn h1 {
		font-size : 8em;
		justify-content : center;
		
}	
.damn h2 {
		font-size : 8em;
		justify-content : center;
		
}	
.container { 
	background-color : #000000;
	font-size : 2em;
	display : flex; 
		flex-direction : column ; 
		justify-content :center ;
		align-items : stretch ;
}
.transition {
	background-color : #000000;
	font-size : 2em;
	display : flex; 
		flex-direction : row ; 
		justify-content :center ;
		align-items : stretch ;
	

}
.container2 {
	background-color : #ffffff;
			display: flex; 
			justify-content : center;

			padding : 10px ;
			margin : 50px ; 
		transition: 2s ; 
	
	
}
.article { 
	font-size : 2em;
	background-color : #ffffff;
	display: flex; 
		justify-content : center;
			padding : 10px ;
			margin : 50px ; 
			
}

.menu { 
	background-color : white;
	display : flex; 
		flex-direction : row ;
		justify-content : center;
	
}
.moi { 
	background-color : #000000;
	font-size : 2em;
	display : flex; 
		flex-direction : row ;
		justify-content : space-around ;

}
li { 
	background-color :#b59a79;
	list-style: none ;
	padding : 1px ;
	margin : 4px ; 
	width : 260px;
	height : 100px;
	transition: 2s ; 
	font-size : 3em;
	display : flex ;
	justify-content : center;
	color: #fff;
	align-items: center;
    border: 3px solid #D3D3D3;
    text-align: center;
	text-decoration : none ;
}
a {
	color: #fff;
}
li:hover {
	background-color : black;
}
	
ul {
	display: flex;
	flex-direction: row; 
	justify-content : center;
	
}
