@charset "utf-8";
/* CSS Document */
body
{
background-image:url(images/fond6.png); 
background-repeat:no-repeat;
}
#logo
{
background-image:url(images/logo1.jpg);
width:626px;
height:590px;
top:20%;
left:50%;
position:absolute;
display:none;
z-index:2;
}
#fond
{
background-image:url(images/fond7.png);
width:1280px;
height:772px;

position:absolute;


}
#matrix
{
background-image:url(images/matrix1.gif);
width:1280px;
height:1024px;
top:0%;
left:0%;
position:absolute;
z-index:3;

}
.btn {
	/*top:20%;
	left:15%;
position:absolute;*/
display:block;
	width:200px;
	height:60px;
	margin:20px;
	margin-left:120px;
	
z-index:1;
  background: #dddfe0;
  background-image: -webkit-linear-gradient(top, #dddfe0, #696969);
  background-image: -moz-linear-gradient(top, #dddfe0, #696969);
  background-image: -ms-linear-gradient(top, #dddfe0, #696969);
  background-image: -o-linear-gradient(top, #dddfe0, #696969);
  background-image: linear-gradient(to bottom, #dddfe0, #696969);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 31px;
  padding: 11px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #a6ddff;
  background-image: -webkit-linear-gradient(top, #a6ddff, #3498db);
  background-image: -moz-linear-gradient(top, #a6ddff, #3498db);
  background-image: -ms-linear-gradient(top, #a6ddff, #3498db);
  background-image: -o-linear-gradient(top, #a6ddff, #3498db);
  background-image: linear-gradient(to bottom, #a6ddff, #3498db);
  text-decoration: none;
}

.bat {
top:35%;
	left:15%;
	width:160px;
	height:60px;
	position:absolute;
z-index:1;
  background: #dddfe0;
  background-image: -webkit-linear-gradient(top, #dddfe0, #696969);
  background-image: -moz-linear-gradient(top, #dddfe0, #696969);
  background-image: -ms-linear-gradient(top, #dddfe0, #696969);
  background-image: -o-linear-gradient(top, #dddfe0, #696969);
  background-image: linear-gradient(to bottom, #dddfe0, #696969);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 31px;
  padding: 11px 20px 10px 20px;
  text-decoration: none;
}

.bat:hover {
  background: #a6ddff;
  background-image: -webkit-linear-gradient(top, #a6ddff, #3498db);
  background-image: -moz-linear-gradient(top, #a6ddff, #3498db);
  background-image: -ms-linear-gradient(top, #a6ddff, #3498db);
  background-image: -o-linear-gradient(top, #a6ddff, #3498db);
  background-image: linear-gradient(to bottom, #a6ddff, #3498db);
  text-decoration: none;
}

.fuck {
	top:50%;
	left:15%;

	width:160px;
	height:60px;
	position:absolute;
z-index:1;
  background: #dddfe0;
  background-image: -webkit-linear-gradient(top, #dddfe0, #696969);
  background-image: -moz-linear-gradient(top, #dddfe0, #696969);
  background-image: -ms-linear-gradient(top, #dddfe0, #696969);
  background-image: -o-linear-gradient(top, #dddfe0, #696969);
  background-image: linear-gradient(to bottom, #dddfe0, #696969);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 31px;
  padding: 11px 20px 10px 20px;
  text-decoration: none;
}

.fuck:hover {
  background: #a6ddff;
  background-image: -webkit-linear-gradient(top, #a6ddff, #3498db);
  background-image: -moz-linear-gradient(top, #a6ddff, #3498db);
  background-image: -ms-linear-gradient(top, #a6ddff, #3498db);
  background-image: -o-linear-gradient(top, #a6ddff, #3498db);
  background-image: linear-gradient(to bottom, #a6ddff, #3498db);
  text-decoration: none;
}