body {	background-color: #F7F6F6;
	 	animation: back 4s forwards;
        background-color: #F7F6F6;
        font-family: 'Audiowide', cursive;
        padding: 0;
        margin: 0;}
        
body#lys
{
opacity:0;
animation: lys 5s forwards;
font-family:'Qwitcher Grypen', cursive;
background:linear-gradient(#FFb67F, #FFa437);
background-attachment :fixed;
min-height:100%;
padding: 0;
margin: 0;



}



img.saturn {	width:500px;
		        border-radius: 15%;
		        animation: opaci 1s ease forwards;
                box-shadow:0 0 20px white;
                margin:20px;
}

			/*----section-----*/

section.head {	display:inline-flex;
				justify-content: space-between;}

section.load {  text-align: center;
                margin:20px;
}

section.click {text-align: center;}

				/*________*/

p {	font-family: 'Audiowide', cursive;
	color:#74FEEC;
	font-size: 30px;}
	
p.lys {	font-family: 'Qwitcher Grypen', cursive;
	    color:#3B2510;
	    font-size: 50px;
        text-shadow: 3px 3px 8px white;
}
	


p.I {	
           /*----- 
        text-decoration:underline;
		text-underline-position: under;
		text-decoration-thickness:1px;
		   
		border-style : solid; 
        border-color : #584133;
        border-bottom-width: 1px;
        border-right-width: 1px;
        border-left-width:0px;
        border-top-width:0px;
        border-radius:1px;
              ----*/
		animation  : opaci 1s backwards ease ;
		animation-delay: 1s;
		text-shadow: 3px 3px 8px white;
		
		}
		
em {color:red;}

p.copy {text-align:right;}

p.II {  animation  : opaci 1s backwards ease ;
		animation-delay: 1.4s;
        text-shadow: 3px 3px 8px white;
}

p.III { animation  : opaci 1s backwards infinite ;
		animation-delay: 1.8s;
        text-shadow: 3px 3px 8px white;
        
}

p.IV {  animation  : opaci 1s backwards ease ;
		animation-delay: 4s;
        text-shadow: 3px 3px 8px white;
}

p.V {   animation  : opaci 1s backwards ease ;
		animation-delay: 4.2s;
        text-shadow: 3px 3px 8px white;
}

p.VI {  animation  : opaci 1s backwards ease ;
		animation-delay: 4.4s;
        text-shadow: 3px 3px 8px white;
        
}

p.VII { animation  : opaci 1s backwards ease ;
		animation-delay: 4.6s;
        text-shadow: 3px 3px 8px white;
         border-style : 1px solid #804200;
        border-radius : 10px;
}

p.VIII {animation  : opaci 1s backwards ease ;
		animation-delay: 4.8s;
        text-shadow: 3px 3px 8px white;
       
}

p.IX {  animation  : opaci 1s backwards ease ;
		animation-delay: 5.0s;
        text-shadow: 3px 3px 8px white;
}

p.XI {  animation  : opaci 1s backwards ease ;
		animation-delay: 5.0s;
        text-shadow: 3px 3px 8px white;
}
		
a.retour {	font-family: 'Audiowide', cursive;
	        color:#74FEEC;
	        font-size:  40px;
	        animation  : opaci 2s backwards infinite ;
	        animation-delay: 5.5s;
}

a.lien {color:black; }

a#pouki {font-size:45px;  text-decoration:none; border-style : solid; 
                                                border-color : #584133;
                                                border-top-width: 1px;
                                                border-left-width: 1px;
                                                border-radius:5px; 
                                                background:linear-gradient(#F28500,#C47600);
                                                box-shadow:3px 3px 8px #584133;;
       
    
}

a#pouki:hover {animation: piou 0.5s infinite;}


font.sweet {color:#c5ff00; text-shadow: -1px -1px 0 #584133, 
                                         1px -1px 0 #584133, 
                                        -1px -1px 0 #584133, 
                                         1px  1px 0 #584133;
}



blink.bitoni {  opacity:1;
			    animation: opaci 0.5s ease infinite;
			    color:#00E2D8;
                }
			/*------Anim-------*/

@keyframes opaci {from {opacity:0;
                        pointer-events: none;
}
					to: {opacity:1;
					    pointer-events: auto;
					}}
					
					
					
@keyframes lys  {from {opacity:0; }
					to{opacity:1;}}
        
@keyframes back  {from {background-color:#F7F6F6; }
					to{background-color:black;}}
					
@keyframes piou {   from    {color:grey;}
                    to      {color:white;}}
					
footer {text-shadow:black 1px 0 10px;}