@font-face {
   font-family :'Manuskrip';
 src:url(Manuskrip.ttf);}

@font-face {
   font-family : 'AlteSchwabacher';
 src:url(AlteSchwabacher.ttf);}
 
@font-face {
   font-family : 'Playball-Regular';
 src:url(Playball-Regular.ttf);} 
 
body{margin:0;
     background-image:url('../wooden-motorcycle.webp'); 
     display:flex;}

header{position:absolute;
        top:150px;
       left:50%;transform: translate(-50%, -50%);
	   border: 5px solid gray;  /*encadrement header*/
	   border-radius:10px;
	   background-color:rgba(218,247,166,0.8);
	   width:950px;
	   height:270px;
	       }
#accueil{position:absolute;
         top:50px;
		 left:50%;
		 transform: translate(-50%, -50%);
         }
#contact{position:absolute;
         top:20px;
		 left:78%;
		 background-color:transparent;
		 border: none;
		 height:60px;
		 width:80px;
		 text-align:center;
		 font-family : 'AlteSchwabacher';
		 }
#contact:hover{background-color:rgba(218,247,166,0.8);
               border: 5px solid gray;  /*encadrement header*/
	           border-radius:30px;}		  
#artic1{position:absolute; 
        top:60px;
		left:130px;
		color:blue;  
        transform:rotate(25deg);
		transition: transform .1s;
		}
#artic1:hover {transform: scale(1.25);}	
		
#artic2{position:absolute;  /* suzu*/
        top:80px;
		left:760px;	
		max-width:230px;
		transition: transform .1s;
		transform:rotate(-25deg);
       }
#suzu {width: 180px;
        height: 130px; 
        max-width:230px;
		transition: transform .1s;
		}
#suzu:hover {transform: scale(1.25);}
#centre{transition: transform .1s; }
#centre:hover {transform: scale(1.25);}


#customs{position:absolute;
         top:550px;
		left:80%;transform: translate(-50%, -50%);
		 background-color:rgba(218,247,166,0.5);
		color:blue;
		text-align:center;
		 border: 5px solid gray;
		 border: 5px solid gray;
	     width: 280px;
	     height:250px;
	    border-radius:10px;
		 }
#sportives{position:absolute;
        top:550px;
		left:20%;transform: translate(-50%, -50%);
		background-color:rgba(218,247,166,0.5);
		color:blue;
		text-align:center;
		 border: 5px solid gray;
		 border: 5px solid gray;
	     width: 280px;
	     height:250px;
	    border-radius:10px;
		 }
#route{position:absolute;
        top:550px;
		left:50%;transform: translate(-50%, -50%);
		background-color:rgba(218,247,166,0.5);
		color:blue;
		text-align:center;
		border: 5px solid gray;
		 width:280px; 
	     height:250px;
	    border-radius:10px;
		 }
#central{position:absolute;
         top:880px;
		 left:50%;
		 transform: translate(-50%, -50%);
		 height:180px;
		 width:900px;
		 text-align:center;
		 background-color:rgba(218,247,166,0.4);
		 border: 1px solid gray;
		 border-radius:30px;
		 }

h1   {	text-shadow:
      -1px -1px 1px #aaa,
      0px 4px 1px rgba(0, 0, 0, 0.5),
      4px 4px 5px rgba(0, 0, 0, 0.7), 
	  0px 0px 7px rgba(0, 0, 0, 0.4);
      font-family : 'AlteSchwabacher';
	  }
h2   {	text-shadow:
      -1px -1px 1px #aaa,
      0px 4px 1px rgba(0, 0, 0, 0.5),
      4px 4px 5px rgba(0, 0, 0, 0.7), 
	  0px 0px 7px rgba(0, 0, 0, 0.4);
      font-family : 'AlteSchwabacher';
	  }

footer{font-size:22px;font-weight: bold;font-style:oblique;font-family:papyrus;
	    position:absolute;
        top:1180px;
		left:50%;transform:translate(-50%, -50%);
		color:red;
		font-family : 'AlteSchwabacher';
		}
h3{color:blue;}			
h4{color:blue;}