h1 {
	font-family: 'Alegreya' ;
}

body {
	background-color: black;
	display: flex;
	justify-content: center;
}

input {
	font-size: 18px;
	text-align: center;
}

button {
	font-size: 18px;
	color: #fff;
}

#generate {
	background-color: #09f;
}

#copy {
	background-color: #0c6;
}
#ildaa{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
 width: 90%;
 height: 100%;
 background: url('img/ildaa.png');
 z-index: -1;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 box-shadow:  0px 0px 70px rgb(0, 0, 0), 0px 0px 40px #000000;
}
#joueurs{
color: #0c6;
}
img{
	position: absolute;
	width: 6%;
	left: 10px;
	bottom: 10px;
}
@keyframes apparition {
    from {
		opacity: 0;
       


    }
    to
	{
		opacity: 1;

        
    }
    
}
#ildaacalque{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
 width: 90%;
 height: 100%;
 background: url('img/ildaacalque2.png');
 z-index: 1;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 
 animation: apparition infinite alternate 1.8s ease-in;
}
#particles{
    display: block;
    z-index: 2;
    width: 99%;
    height:90%;
    position: absolute;
    pointer-events: none;
}