/*===============================================================================================================================
	Fichier				: titre.css
	Objectif(s)			: Mise en forme du titre
	Auteur				: Pelcener Thiabaut
	Date de création	: Janvier 2023
	Date de modification: Janvier 2023
===============================================================================================================================*/
        /*
      ___                                   ___     
     /  /\          ___       ___          /__/\    		
    /  /::\        /  /\     /  /\        |  |::\   
   /  /:/\:\      /  /:/    /  /:/        |  |:|:\  
  /  /:/~/::\    /  /:/    /__/::\      __|__|:|\:\ 
 /__/:/ /:/\:\  /  /::\    \__\/\:\__  /__/::::| \:\
 \  \:\/:/__\/ /__/:/\:\      \  \:\/\ \  \:\~~\__\/
  \  \::/      \__\/  \:\      \__\::/  \  \:\      
   \  \:\           \  \:\     /__/:/    \  \:\     
    \  \:\           \__\/     \__\/      \  \:\    
     \__\/                                 \__\/    
  
*/

@keyframes tipsy {
  0%   {transform: translateX(-50%) translateY(-50%) rotate(0deg);}
  
  100% {transform: translateX(-50%) translateY(-50%) rotate(360deg);}
}

body > h1 {
  font-family: 		helvetica, arial, sans-serif;
  background-color: #2e2e31;
}

h1 {
  color: 			#fffbf1;
  text-shadow: 		0 20px 25px #2e2e31, 0 40px 60px #2e2e31;
  font-size: 		40px;
  font-weight: 		bold;
  text-decoration: 	none;
  letter-spacing: 	-3px;
  margin: 			0;
  position: 		absolute;
  top: 				40%;
  left: 			50%;
  transform: 		translateX(-50%) translateY(-50%);
}

h1:before,
h1:after {
  content: 			'';
  padding: 			.9em .4em;
  position: 		absolute;
  left: 			50%;
  width: 			100%;
  top: 				50%;
  display: 			block;
  border: 			15px solid red;
  transform: 		translateX(-50%) translateY(-50%) rotate(0deg);
  /*animation: 		10s infinite alternate ease-in-out tipsy;*/
}

h1:before {
  border-color: 	#E68706  #E68706  rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  z-index: 			-1;
}

h1:after {
  border-color: 	rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E68706  #E68706 ;
  box-shadow: 		25px 25px 25px rgba(46, 46, 49, .8);
}