*
{
	margin:0;
	padding:0;
}

html, body
{
	scroll-behavior: smooth;  /*effet smooth sur toutes les ancres*/
	box-sizing:border-box;
}

body
{
	text-decoration:none;
	background-color:white;
	box-sizing: border-box;
	height:100%;
	width:100%;
	font-family: 'Work Sans',sans-serif;
	-webkit-tap-highlight-color: transparent;
}

.giantbox
{
	width:100%;
	height:100%;
	box-sizing: border-box;
	display:flex;
	justify-content: left;
}

.sidebox
{
	width:calc(50% - 200px);
	box-sizing: border-box;
}

.innerbox
{
	width:400px;
	height:100%;
	box-sizing: border-box;
	padding:20px;
	padding-top:30px;
}

.title
{
	width:100%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom:60px;
}

.title a
{
	text-decoration: none;
	font-family: 'Work Sans',sans-serif;
	font-weight:600;
	font-size:20px;
	color:black;
	letter-spacing: -0.5px;
	user-select: none;
}

.description
{
	width:100%;
	box-sizing: border-box;
	margin-bottom:40px;
	text-align: center;

}

.description p
{
	font-family: 'Work Sans',sans-serif;
	font-weight:500;
	font-size:15px;
	color:grey;
}

.jeubox
{
	width:100%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom:100px;
}

.jeu
{
	width:100%;
	box-sizing: border-box;
	margin-bottom:20px;
}

.jeu h1
{
	font-family: 'Work Sans',sans-serif;
	font-weight:500;
	font-size:20px;
	color:black;
}

.jeu a
{
	text-decoration: none;
	font-family: 'Work Sans',sans-serif;
	font-weight:500;
	font-size:15px;
	color:rgb(0, 119, 255);
}

.lienbox
{
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

.lienbox a
{
	text-decoration: none;
	color:grey;
	font-family: 'Work Sans',sans-serif;
	font-weight:500;
	font-size:12px;
}

.lienbox a:hover
{
	text-decoration: underline;
	color:rgb(0, 119, 255);
}


@media screen and (max-width: 500px) {
	.sidebox {
		width:0px;
	}
	.innerbox {
	  width:100%;
	}
  }