body
{background-color: black;
padding: 0;
margin: 0;}

body#lys
{
animation: lys 5s forwards;
background:linear-gradient(#FFb67F, #FFa437);
font-family:'Qwitcher Grypen', cursive;
padding: 0;
margin: 0;
font-size:30px;


}




section.img{width: 50%;}

img.unis {	border-radius: 20%;
			width: 98%;
			margin-top:2%;
			margin-left: 2%;
			box-shadow:0 0 20px #4e0183;
		}

section.text {	width: 100%;
				
				}

section.paypal {background-color:whitesmoke;
				border-radius: 5%;
                padding:50px;
                margin-top:50px;
                margin-bottom:50px;
                box-shadow: 10px 5px 10px #584133;
}

section.don {	padding-top: 10%;
                width:100%;
				text-align: center;
				padding:5%;
				font-size: 20px;
				animation: tidii 2.5s backwards;
				animation-delay: 1.5s;  }

p.text {    font-family: 'Audiowide', cursive;
		    color:#74FEEC; }
		
p.textoulys {   font-family:'Sour Gummy' cursive; 
                font-size:30px;
                text-align:center;
                
}

p.clique {	font-family: 'Audiowide', cursive;
		    color:#74FEEC;         }
		
a {	        font-family: 'Audiowide', cursive;
			font-size:30px;
			color:#74FEEC;
            text-align:center;
}
			
a.retourlys {       font-family:'Qwitcher Grypen', cursive;
                    font-size:70px;
                    color: #bf4300;
                    text-shadow:black 1px 0 10px;
                    text-decoration:none;
}
			

			

			



div.spiny {	margin-left:90%;
			margin-top: 5%; 
			animation: steptwo 4s ease forwards;
			}



@keyframes tidii {0% 	{transform: scaleX(0) scaleY(0);}
				  100% 	{transform: scaleX(1) scaleY(1);}}






				/* annim reload*/


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



:hover a{color:#74FEEC; 
 		transition: 0.7s}}
 		

    


   	/*____annim----*/



#reload {
		position:absolute;
		width:px;
		height:px;
		top: 7%;
		left: 92%;
		display:flex;
		align-content: center;
		justify-content:center;
		animation:steptwo 2s forwards linear;
		animation-delay: 2s;

		}

.ext  {	
		opacity: 0.5 ;
		animation: spiny 3s linear infinite;
		border-radius: 50%;
		border-top: solid transparent 4px;
		border-bottom: solid transparent 4px;
		border-right: solid 4px #74FEEC; 
		border-left: solid 4px #74FEEC; 
		width: 30px;
		height: 30px;
		display:flex;
		align-content: center;
		justify-content: center;
		position: absolute;
	
		}

	
.int { 	

		margin-top:8px; 
		padding-right:15px;
		position:absolute;
		animation: spiny 3s linear reverse infinite;	
		border-radius: 50%;
		border-top: solid transparent 3px;
		border-bottom: solid transparent 3px;
		border-left: solid 3px #74FEEC; 
		border-right: solid 3px #74FEEC; 
		width: 14px;
		height: 14px;}
		
		
blink.bitoni {  opacity:1;
			    color: black;
			    animation: futfut 0.5s ease infinite;
			    color:#00E2D8;
                }


@keyframes spiny {100% {transform: rotate(360deg);}}

						/* annim reload*/

						/* page annim */


@keyframes stepone {100% {opacity: 0;}}

@keyframes steptwo {100% { margin-left:5%;}}

@keyframes stepthree {0% {transform:  scaleX(0) scaleY(0);}
					  100% {transform: scaleX(1.0) scaleY(1.0);}}



em{color: red;}




@keyframes futfut {from {opacity: 0;}
					to 	{opacity: 1;}}

footer{ animation: futfut 5s ease backwards;
		animation-delay: 5s;
		margin-top: 50px;
		text-align: right;
		margin-top: 50px;
		margin-left: 40px;
		margin-bottom: 40px;
		font-family: 'Audiowide', cursive;
		color:#74FEEC;
		text-shadow:black 1px 0 10px;
		}
		
@keyframes piou {       from    {color:grey;}
                        to      {color:white;}}