omz index

<?php
    session_start();
    include('connexionDB.php');
?>

<!DOCTYPE html>
<html>
<head>
	<link rel="shortcut icon" href="img/cup2.ico">
	<title>Accueil</title>
</head>
<body>
	<div class="center">
		                <br>
				        <br>
						<br>
						<br>
						<br>
						<br>
						<br>
						<br>
	<h1>Find the ball</h1>

	<div class="center">

			<div class="center">
            <h3> Niveau de difficulté</h3>

			<div class="logo">
            <img class="easy" src="img/Rondvert1.png">
            <img class="normal" src="img/Rondorange.png">
            <img class="hard" src="img/Rondrouge.png">
</div>

            <div class="niveau">
<div class="button_cont" align="center"><a class="example_a" href="jeu.php" rel="nofollow noopener">Facile</a></div>
<div class="button_cont" align="center"><a class="example_a" href="jeunormal.php" rel="nofollow noopener">Normal</a></div>
<div class="button_cont" align="center"><a class="example_a" href="jeuexpert.php" rel="nofollow noopener">Expert</a></div>
	    	           </div>

    </div>
            </div>
            </div>

	    	<style>

body {
	witdh: 100%;
	background-color:white;
	background-image:url(img/bg1.jpg);
}
.easy {
	width: 50px;
}

.normal {
	width: 50px;
}

.hard {
	width: 50px;
}

.center {
	text-align: center;
}

.niveau a {
	padding: 10px;
	text-decoration: none;
	color: black;
	margin-left: 8px;
}

.logo img {
	padding: 18px;

}

.button_cont {
	margin-left: 43%;
}

.example_a {

margin-right: 9px;
float: left;
text-align: center;
color: #fff !important;
text-decoration: none;
background: #ed3330;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;

}

.example_a:hover {

background: #434343;
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;

}
	    	</style>

    </body>
</body>
</html>