@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Lato';
	background: url('https://wallpaperaccess.com/full/2048344.jpg');
	background-size: cover;
}

.inner {
	width: 80%;
	margin: auto;
}
.btn {
	border-radius: 9px;
	font-family: 'Lato', sans-serif;
	color: #036A81;
	font-size: 80%;
	padding: 10px 20px;
	margin: 50px auto;
	border: solid #036A81 3px;
	text-transform: uppercase;
	text-decoration: none;
}

.intro {
	height: 100%;
	width: 100%;
	margin: auto;
	display: table;
	top: 200px;
	background-size: cover;
}

.content {
	max-width: 1200px;
	margin: 310px auto;
	text-align: center;
}

.content h1 {
	font-family: 'Roboto',sans-serif;
	color: #F9F3F4
	text-shadow: 0px 0px 300px #000;
	font-size: 400%;


}

.btn:hover {
	color: #fff;
	border: solid #fff 3px;
}

p {
	font-size: 100%;
	line-height: 210%;
	text-align: justify;
	margin: 3%;
	font-family: sans-serif;
}

h1 {
	color: white;
	letter-spacing: 15px;
}

h4 {
	color: white;
	letter-spacing: 10px;
}


/* La table des gens */
.people-container {
	width: 80%;
	padding: 70px;
	margin: 280px auto 0;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 30px;
	border-radius: 20px;
	font-family: 'Roboto',sans-serif; 
}
.people {
	width: 100%;
	text-align: center;
	border-bottom: 20px;
	table-layout: fixed;
	border-collapse: collapse; 
	padding: 10px;
}

.people > thead > tr:last-child > th {
	border: none;
	border-bottom: 3px solid #f8f8f2;
}


.people {
	border: none;
	border-bottom: 3px solid #f8f8f2;
}

.button-container{
	text-align: center;
}

.see {
	text-align: center;
}

a[href].button {
	display: inline-block;
	padding: 2px 8px;
	margin: 6px;
	border-radius: 7px;
	text-align: center;
	text-decoration: none;
	color: inherit;
	background-color: #00BFFF;
	
}
a[href].button:hover {
	background-color: #1E90FF;
}
button {
	color: red;
	width: 20px;
	border-radius: 10px;
	color: #ffffff;
	font-size: inherit;
}

.box {
	text-align: center;
}
.boxi {
	color: blue;
}

.steam-id {

padding: 20px;

}
