h1{color:green;}


body {background-color: #f2f2f2;
}



#game{
	position:absolute;
	
		
	left:0px;
	top:0px;
width:800px;
height:1400px;



}

#home{
	position:absolute;
	text-align:center;
	background-color:#f2f2f2;
		background-image:url('img/mobile.png');
		background-size:800px 1400px;
	left:0px;
	top:0px;
width:800px;
height:1400px;
border:solid 1px black; box-sizing: border-box;
z-index:13;

}
#menu{
	position:absolute;
	text-align:center;
	background-color:#f2f2f2;
	left:0px;
	top:0px;
width:800px;
height:1400px;
border:solid 1px black; box-sizing: border-box;
z-index:12;
font-size:14px;
}
#bouton2{
margin-top:180px;
width:300px;
height:300px;
border-radius:300px;
color:white;
border:4px solid black;	


  background: linear-gradient(45deg, #2a003f, #7a00ff, #d000ff, #3b0066, #9f00ff);
    background-size: 300% 300%;
    animation: fondviolet 3s ease infinite;
}
#bouton3{
margin-left:0px;
margin-top:100px;
}
#header{
	position:absolute;
	text-align:left;
	background-color:transparent;
	left:0px;
	top:0px;
width:800px;
height:160px;
border-radius:10px;
z-index:8;
display:block;
}

#regles{
	position:absolute;
	text-align:center;
	background-color:#d9d9d9;		
	background-repeat:none;
	left:0px;
	top:0px;
width:800px;
height:1400px;
z-index:19;
display:none;
}
#allcards{
	position:absolute;
	text-align:center;
	background-color:black;		
	left:0px;
	top:0px;
width:800px;
height:1400px;
z-index:1;
display:none;
filter: contrast(1.1);
		background-image:url('img/allcards.png');
		background-size:800px 1400px;
}

#board1{
	position:absolute;
left:0px;
top:170px;
width:800px;
height:1230px;
background-color:#f2f2f2;

z-index:4;
}
#hand1{
	position:absolute;
left:0px;
bottom:0px;
width:800px;
height:540px;
background-color:#e6e6e6;
 border-radius:40px;
z-index:5;
}
.card
{background-color:black; 	cursor:pointer; position:absolute;  z-index:8;
background-size:165px 253px; filter: contrast(1.1); margin-left:10px;
width:165px; height:253px; border-radius:15px; border:solid 4px #eaeae1; box-sizing: content-box;}
.card:hover {
filter: contrast(1.5);
}

.cardlegend
{background-color:black; 	cursor:pointer; position:relative;  z-index:8; display:none;
background-size:200px 305px; filter: contrast(1.1); margin-left:30px; margin-top:40px;
width:200px; height:305px; border-radius:20px; border:solid 4px #eaeae1; box-sizing: content-box;}

#legend1{
background-image:url('img/legend1.jpg');
}
#legend2{
background-image:url('img/legend2.jpg');
}
#legend3{
background-image:url('img/legend3.jpg');
}
#legend4{
background-image:url('img/legend4.jpg');
}
#legend5{
background-image:url('img/legend5.jpg');
}
#legend6{
background-image:url('img/legend6.jpg');
}
#legend7{
background-image:url('img/legend7.jpg');
}
#legend8{
background-image:url('img/legend8.jpg');
}
#legend9{
background-image:url('img/legend9.jpg');
}
#legend10{
background-image:url('img/legend10.jpg');
}
#legend11{
background-image:url('img/legend11.jpg');
}
#discard1{
background-image:url('img/discard1.jpg');
display:inline-block;
}
#discard2{
background-image:url('img/discard2.jpg');
display:inline-block;
}
#discard3{
background-image:url('img/discard3.jpg');
display:inline-block;
}

#contientlegends{
position:absolute;
left:0px;
top:0px;
width:800px;
height:1230px;
background-color:#d9d9d9;
z-index:10;
display:none;
border-radius:40px;
font-size:24px;
}

#sanctuaries{

width:760px;
height:400px;
background-color:#f2f2f2;
z-index:10;
display:block;
border-radius:20px;
margin-top:20px;
margin-left:20px;
border:solid 2px black;

}
#discardpack{

width:760px;
height:400px;
background-color:#f2f2f2;
z-index:10;
display:block;
border-radius:20px;
margin-top:20px;
margin-left:20px;
border:solid 2px black;
}

#deselect{
position:absolute;
right:80px;
bottom:10px;
width:160px;
height:250px;
background-color:#f2f2f2;
z-index:9;
display:block;
border-radius:20px;
border:solid 2px black;
border-radius:15px; 
font-size:42px;
text-align:center;
cursor:pointer;
}

#pile1{
position:absolute;
left:60px;
top:0px;
width:195px;
height:500px;
background-color:transparent;
z-index:0;
}

#pile2{
position:absolute;
left:290px;
top:0px;
width:195px;
height:500px;
background-color:transparent;
z-index:0;
}
#pile3{
position:absolute;
left:520px;
top:0px;
width:195px;
height:500px;
background-color:transparent;
z-index:0;
}
#masquepiles{
position:absolute;
left:0px;
top:10px;
width:800px;
height:500px;
background-color:transparent;
z-index:8;
display:none;
}
#masquetout{
position:absolute;
left:0px;
top:0px;
width:800px;
height:1400px;
background-color:#d9d9d9;
z-index:7;
display:none;
}
#cartezoom{
	position:absolute;
	text-align:center;
	background-color:black;
		background-image:url('img/1.jpg');
		background-size:495px 760px;
	left:140px;
	top:300px;
width:495px;
height:760px;
z-index:1;
filter: contrast(1.3);
border-radius:40px;
}

#boutonpile1{
position:absolute;
left:100px;
bottom:560px;
}
#boutonpile2{
position:absolute;
left:330px;
bottom:560px;
}
#boutonpile3{
position:absolute;
left:560px;
bottom:560px;
}

.pipi{
	width:100px;
height:100px;
z-index:1;	
		background-color:#e6e6e6;
				background-image:url('img/boutonpile.png');
		background-size:100px 100px;
	border-radius:100px;
	border:3px solid black;
		font-family:Arial;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}


.valid {
	
	background-color:#e6e6e6;
	border-radius:5px;
	border:3px solid black;
	display:inline-block;
	cursor:pointer;
	box-sizing: border-box;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;

	text-decoration:none;
	margin-top:40px;
	margin-left:25px;
	width:160px;
	height:80px;
}
.valid:hover {
	background-color:#00b300;
}
.valid:active {
	position:relative;
	top:1px;
}

#imageregles{
	position:absolute;
	text-align:center;
		background-color:#d9d9d9;
		background-image:url('img/imageregles.png');
		background-size:800px 800px;
		background-repeat:none;
	left:0px;
	top:200px;
width:800px;
height:800px;
z-index:1;
display:block;
}
#imageregles2{
	position:absolute;
	text-align:center;
		background-color:#d9d9d9;
		background-image:url('img/imageregles2.png');
		background-size:800px 800px;
		background-repeat:none;
	left:0px;
	top:200px;
width:800px;
height:800px;
z-index:1;
display:block;
}

#boutonnext{
	position:absolute;
	right:20px;
	top:-130px;
z-index:1;
display:block;
}
#boutonnext2{
	position:absolute;
	right:20px;
	top:-130px;
z-index:1;
display:none;
}

#contientzoom{
	position:absolute;
	text-align:center;
		background-color:transparent;
	left:0px;
	bottom:20px;
width:800px;
height:200px;
z-index:2;
display:block;
}

.btnzoom {
	background-color:#d9d9d9;
	border-radius:120px;
	border:3px solid black;
	display:inline;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:60px;
	font-weight:bold;
	color:black;
	
text-align:center;
margin:40px;
	width:120px;
	height:120px;
		
}
#masquepioche{
	
	background-image:url('img/dos.jpg');
	position:absolute;
	top:226px;
	left:15px;

width:130px;
height:200px;
border:solid 1px black; box-sizing: border-box;
border-radius:10px;
z-index:9;
	cursor:pointer;
	border:solid 4px black; box-sizing: content-box;
border-radius:10px;

}


.retour {
	
	background-color:#e6e6e6;
	border-radius:5px;
	border:3px solid black;
	display:block;
	cursor:pointer;
	box-sizing: border-box;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
position:absolute;
	text-decoration:none;
left:300px;
bottom:120px;
	width:160px;
	height:80px;
}
.retour:hover {
	background-color:#00b300;
}


/****************case****************/

#findujeu{
	position:absolute;
left:0px;
top:210px;
width:1040px;
height:230px;
color:black;
background-color:#f9c806;
font-family:Arial;
	font-size:22px;
	font-weight:bold;
text-align:center;
z-index:15;
display:none;
}

#joueur1{
	color:white;
	position:absolute;
	background-color:black;
	left:0%;
	top:450px;
	z-index:7;
	width:140px;
height:210px;
font-family:Arial;
	font-size:15px;
	font-weight:bold;
text-align:right;
padding-right:20px;
border-radius:10px;
border:solid 3px black; box-sizing: border-box;
}

#joueur2{
	color:white;
	position:absolute;
background-color:black;
	left:0%;
	top:0%;
	z-index:7;
	width:140px;
height:210px;
font-family:Arial;
	font-size:15px;
	font-weight:bold;
text-align:right;
border:solid 3px black; box-sizing: border-box;
border-radius:10px;
padding-right:20px;
}
#encadrejoueur1{
	
	position:absolute;
	background-color:transparent;
	left:-100px;
	top:0px;
	
	width:1100px;
height:210px;
font-family:Arial;
	font-size:15px;
	font-weight:bold;
text-align:left;
padding-left:10px;
border-radius:10px;
border:solid 3px black; box-sizing: border-box;
z-index:1;
}
#tutoriel{
	
	position:absolute;
	background-image:url('img/tuto1.png');
	left:0%;
	top:160px;
	z-index:8;
	width:170px;
height:300px;

text-align:center;
}
#tutoriel1{
	
	position:absolute;
	background-image:url('img/tutoriel1.png');
	left:0%;
	top:160px;
	z-index:6;
	width:170px;
height:300px;
text-align:center;
display:none;
}

#tutoriel2{
	
	position:absolute;
	background-image:url('img/tutoriel2.png');
	left:0%;
	top:160px;
	z-index:5;
	width:170px;
height:300px;
text-align:center;
display:none;
}
#tutoriel3{
	
	position:absolute;
	background-image:url('img/tutoriel3.png');
	left:0%;
	top:160px;
	z-index:4;
	width:170px;
height:300px;
text-align:center;
display:none;
}
#tutoriel4{
	
	position:absolute;
	background-image:url('img/tutoriel4.png');
	left:0%;
top:160px;
	z-index:3;
	width:170px;
height:300px;
text-align:center;
display:none;
}




#masquejoueur2{
	
	position:absolute;
	background-color:#f9c806;
	
	left:0%;
	top:0%;
	z-index:8;
	width:140px;
height:210px;
display:none;
text-align:center;
}
#masquejoueur1{
	
	position:absolute;
	background-color:#f9c806;
	
	left:0%;
	top:450px;
	z-index:8;
	width:140px;
height:210px;
display:none;
text-align:center;
}


#contientjoueur{
	position:absolute;
	
	
	left:310px;
	top:2%;
	z-index:7;
	width:90px;
height:660px;
display:none;
text-align:center;
}





#allcard1{
	position:absolute;
	text-align:center;
		background-image:url('img/allcard1.png');
	left:3px;
	top:1%;
width:1460px;
height:700px;
border:solid 1px black; box-sizing: border-box;
z-index:13;
font-size:14px;
display:none;
}
#allcard2{
	position:absolute;
	text-align:center;
		background-image:url('img/allcard2.png');
	left:3px;
	top:1%;
width:1460px;
height:700px;
border:solid 1px black; box-sizing: border-box;
z-index:12;
font-size:14px;
display:none;
}

#boutonmenu{
margin-top:2%;
	text-align:center;
	
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	top:2%;
width:500px;
height:600px;

z-index:12;
display:inline-block;
}
#parametres{
margin-top:1%;
	text-align:center;
	position:absolute;
	left:33%;
	top:0%;
width:500px;
height:660px;
display:none;
z-index:13;
background-color:#f9c801 ;

}
#zooming
{
		background-color:transparent;
	text-align:center;
	width:100px;
	height:60px;
	color:white;


	z-index:21;
	font-size:14px;
	
}
#enlarge
{
		background-color:transparent;
	text-align:center;
	width:100px;
	height:90px;
	color:white;

display:block;
	z-index:21;
	font-size:14px;
	
}

.btnscreen {
	background-color:#000000;
	border-radius:120px;
	border:2px solid white;
	display:inline;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;

	
text-align:center;

	width:100px;
	height:40px;
		
}
.btnscreen:hover {
	background-color: green;
}


#bouton7{
margin-top:80%;
	
}


@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


.btnphp3
{	
	border:4px solid black;
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-family:Arial;
	font-size:48px;
	padding:22px 30px;
	text-decoration:none;
	width:600px;
	height:140px;
	position:absolute;
	left:98px;
	top:1180px;
	touch-action: manipulation;
	border-radius:200px;
	color:black;
    background: #111;
    cursor: pointer;
    z-index: 0;
	content: '';
       background: linear-gradient(90deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #ff00c8, #ff0000);
    background-size: 400%;
    z-index: -1;
    filter: blur(0px);
    animation: glowing 40s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
	-webkit-tap-highlight-color: transparent;
}
.btnphp3:hover {
filter: contrast(1.1);
transform: scale(1.1);
}




#masquecard{
	position:absolute;
	opacity:100%;
	background-color:#f9c806;
	left:0%;
	top:0%;
width:130px;
height:200px;
text-align:center;

z-index:9;
display:none;
}
#masquecyclope{
	position:absolute;
	opacity:1%;
	background-color:#f9c806;
	left:0%;
	top:0%;
width:130px;
height:200px;
text-align:center;

z-index:11;
display:none;
}
#masqueslot1{
	position:absolute;
	opacity:100%;
	background-image:url('img/masqueslot.png');
	left:884px;
	top:450px;
width:130px;
height:200px;
text-align:center;

z-index:12;
display:none;
}
#masqueslot2{
	position:absolute;
	opacity:100%;
	background-image:url('img/masqueslot.png');
	left:884px;
	top:10px;
width:130px;
height:200px;
text-align:center;

z-index:12;
display:none;
}
#carte1{
	position:absolute;
	
	background-image:url('img/mur2.png');
	left:10%;
	top:8%;
width:80px;
height:100px;
border:solid 1px black; box-sizing: border-box;
z-index:6;
}

#fleche{
	position:absolute;
	text-align:center;
	background-image:url('img/fleche1.png');
	left:1%;
	top:2%;
width:90px;
height:660px;

z-index:7;

}
#flecheretour{
	position:absolute;
	text-align:center;
	background-image:url('img/fleche2.png');
	left:1%;
	top:2%;
width:90px;
height:660px;
display:none;
z-index:7;

}
#rules{
	position:absolute;
	
	background-color:#eaeae1;
	left:20px;
	top:40%;
width:260px;
height:370px;
border:solid 1px black; box-sizing: border-box;
border-radius:10px;
z-index:6;
text-align:center;
padding:10px;
color:black;
	font-family:Arial;
	font-size:17px;


}
#zoom{
	position:absolute;
	
	
	left:10px;
	top:0%;
width:240px;
height:370px;

z-index:1;
text-align:center;
}
#boutongo{
	position:absolute;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	
		border:solid 2px black; box-sizing: border-box;
	background-color:#00b300;
	left:627px;
	top:332px;
width:145px;
height:145px;
opacity:0%;
border-radius:100px;
z-index:1;
text-align:center;
}
#boutongo:hover {
opacity:100%;
}


#regles1{
	position:absolute;
	text-align:center;
	background-image:url('img/regles1.png');
	left:0px;
	top:0px;
width:1460px;
height:700px;
border:solid 1px black; box-sizing: border-box;
z-index:6;
display:none;
}
#regles2{
	position:absolute;
	text-align:center;
	background-image:url('img/regles2.png');
	left:0px;
	top:0px;
width:1460px;
height:700px;
border:solid 1px black; box-sizing: border-box;
z-index:5;
display:none;

}
#regles3{
position:absolute;
	text-align:center;
	background-image:url('img/regles3.png');
left:0px;
	top:0px;
width:1460px;
height:700px;
border:solid 1px black; box-sizing: border-box;
z-index:4;
display:none;
}
#regles4{
	position:absolute;
	top:0%;
	left:0%;
	text-align:center;
		background-image:url('img/regles4.png');
width:260px;
height:370px;

z-index:3;
display:none;
}
#regles5{
	position:absolute;
	top:0%;
	left:0%;
	text-align:center;
		background-image:url('img/regles5.png');
width:260px;
height:370px;

z-index:2;
display:none;
}
#regles6{
	position:absolute;
	top:0%;
	left:0%;
	text-align:center;
		background-image:url('img/regles6.png');
width:260px;
height:370px;

z-index:1;
display:none;
}


#masquepioche:hover {
filter: contrast(1.5);
border:green;
}

#endpioche{
	
opacity:1%;
	position:absolute;
	top:226px;
	left:15px;

width:130px;
height:200px;
display:none;
z-index:10;

}



#paquet{
	position:absolute;
	
	background-color:red;
	left:10%;
	top:40%;
width:80px;
height:100px;
border:solid 1px black; box-sizing: border-box;
z-index:6;
}
#starter{
	position:absolute;
	
	background-color:blue;
	left:10%;
	top:20%;
width:80px;
height:100px;
border:solid 1px black; box-sizing: border-box;
z-index:8;
}

#terrain1{
	position:absolute;
	background-color:#eaeae1;
	left:0%;
	top:450px;
width:1040px;
height:200px;

z-index:6;
}
#terrain2{
	position:absolute;
	background-color:#eaeae1;
	left:0%;
	top:10px;
width:1040px;
height:200px;

z-index:6;
}

#masqueboard{
	position:absolute;
	background-color:#f9c806;
	left:0%;
	text-align:center;
	font-size:20px;
	color:black;
	top:220px;
width:1040px;
height:220px;
font-family:Arial;
	font-size:22px;
	font-weight:bold;
text-align:center;
display:none;
z-index:10;
}

#masqueterrainj1{
	position:absolute;
	background-color:black;
	opacity:15%;
	left:0%;
	text-align:center;
	font-size:24px;
	color:black;
	top:450px;
width:1040px;
height:210px;
display:none;
z-index:11;
}
#masqueterrainj2{
	position:absolute;
	background-color:black;
	opacity:15%;
	left:0%;
	text-align:center;
	font-size:24px;
	color:black;
	top:0px;
width:1040px;
height:210px;
display:none;
z-index:11;
}
#slot1{
	
	background-image:url('img/slotvide1.png');
	
	top:0px;
	margin-left:20px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#slot2{
	
	background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#slot3{
	
	background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#slot4{
	
		background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#slot5{
	
	background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#slot6{
	
	background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#slot7{
	
	background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}

#sloth1{
	
	background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:20px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#sloth2{
	
		background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#sloth3{
	
		background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#sloth4{
	
		background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#sloth5{
	
		background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#sloth6{
	
		background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}
#sloth7{
	
		background-image:url('img/slotvide1.png');
	
	top:0%;
	margin-left:10px;
width:130px;
height:200px;

z-index:9;
display:inline-block;
}




.champ1 {
	
	/*display:block;*/
	display:inline;
	margin-left:5px;
	
	width:40px;
	text-align:center;
	background-color:transparent;
	border:none;
	font-size:16px;
	vertical-align:center;
	z-index:6;
	
}

.champ2 {
	
	/*display:block;*/
	display:inline;
	margin-left:5px;
	font-weight: bold;
	width:60px;
	text-align:left;
	background-color:transparent;
	border:none;
	font-size:26px;
	vertical-align:center;
	z-index:6;
	
}
.champ3 {
	
	/*display:block;*/
	display:inline;
	margin-left:5px;
	
	width:60px;
	text-align:left;
	background-color:transparent;
	border:none;
	font-size:26px;
	vertical-align:center;
	z-index:6;
	color:#ffeb99;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 bottom: 100%;
  left: 50%;
  margin-left: -80px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 10;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}




.ClassName {
	text-decoration:none;
	font-family:Arial;
	text-indent:0px;
	line-height:30px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:20px;
	color:#000000;
	width:250px;
	height:80px;
	padding:13px;
	border-color:#000000;
	border-width:2px;
	border-style:solid;
}

.ClassName:active {
	position:relative;
	top:3px
}

.ClassName:hover {
}


.myButton {
	background-color:#f9c806;
	border-radius:5px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:14px 23px;
	text-decoration:none;
	margin-top:25px;

}
.myButton:hover {
	background-color:#00b300;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	background-color:#f9c806;
	border-radius:5px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:14px 23px;
	text-decoration:none;
	margin-top:600px;
}
.myButton2:hover {
	background-color:#00b300;
}
.myButton2:active {
	position:relative;
	top:1px;
}









.btn {
	background-color:#000000;
	border-radius:10px;
	border:1px solid white;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	margin-top:30px;
}
.btn:hover {
	background-color:#00b300;
}
.btn:focus {
	background-color:#00b300;
	position:relative;
	top:1px;
	
}
.btn1 {
	background-color:#000000;
	border-radius:10px;
	border:1px solid #050505;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	margin-top:30px;
}
.btn1:hover {
	background-color:#00b300;
}
.btn1:focus {
	background-color:#00b300;
	position:relative;
	top:1px;
	
}



.btn2 {
	background-color:black;
	border-radius:10px;
	border:3px solid white;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	padding:20px 34px;
		color:white;
	margin-top:10px;
	width:440px;
	height:100px;
}
.btn2:hover {
	background-color:#00b300;
color:black;
}
.btn2:focus {
	background-color:#00b300;
	position:relative;
	top:1px;
	
}






@keyframes fondviolet{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}