🎨 Amélioration visuelle des premières étapes

source/components/Home.css

@@ -15,3 +15,9 @@
 	width: 100px;
 	margin: 1em;
 }
+
+#home > #content {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}

source/components/Home.js

@@ -18,7 +18,9 @@ export default class Home extends Component {
 					/>
 					<h1>Simulateurs d'embauche</h1>
 				</div>
-				<TargetSelection />
+				<div id="content">
+					<TargetSelection />
+				</div>
 			</div>
 		)
 	}

source/components/Results.css

@@ -2,7 +2,7 @@
 	width: 90%;
 	max-width: 45em;
 	margin: 0 auto;
-	padding: 0;
+	padding: .4em;
 
 	background: #2975D1;
 	color: white;

source/components/Simulateur.css

@@ -18,7 +18,7 @@
 
 #sim > h1 {
 	color: inherit;
-	margin: 0;
+	margin: 1em 0;
 	font-size: 350%;
 	font-weight: 800;
 }
@@ -78,7 +78,7 @@
 
 
 #conversation {
-	margin-top: 6%;
+	margin-top: 8%;
 	font-size: 110%;
 	line-height: normal;
 	min-height: 10em;

source/components/Simulateur.js

@@ -71,9 +71,9 @@ export default class extends Component {
 		return (
 			<div id="sim">
 				<Helmet>
-					<title>Titre à mettre</title>
+					<title>Simulateur d'embauche</title>
 				</Helmet>
-				<h1>Titre et sous titres à mettre</h1>
+				<h1>Simulateur d'embauche</h1>
 				<Results />
 				<Conversation
 					{...{