diff --git a/index.php b/index.php
index f61f884d..ca5e72b2 100644
--- a/index.php
+++ b/index.php
@@ -280,6 +280,7 @@ $formats = Format::searchInformation();
 	<meta name="description" content="Rss-bridge" />
 	<title>RSS-Bridge</title>
 	<link href="static/style.css" rel="stylesheet">
+	<link href="static/leslibres.org.css" rel="stylesheet">
 	<script src="static/search.js"></script>
 	<script src="static/select.js"></script>
 	<noscript>
@@ -312,7 +313,7 @@ $formats = Format::searchInformation();
 			id="searchfield" placeholder="Enter the bridge you want to search for"
 			onchange="search()" onkeyup="search()" value="{$query}">
 	</section>
-
+	<div id="content">
 EOD;
 
 		$activeFoundBridgeCount = 0;
@@ -330,6 +331,7 @@ EOD;
 		}
 		echo $inactiveBridges;
 	?>
+	</div>
 	<section class="footer">
 		<a href="https://github.com/RSS-Bridge/rss-bridge">RSS-Bridge 2018-06-10 ~ Public Domain</a><br />
 		<?= $activeFoundBridgeCount; ?>/<?= count($bridgeList) ?> active bridges. <br />
diff --git a/static/leslibres.org.css b/static/leslibres.org.css
new file mode 100644
index 00000000..ff788ac6
--- /dev/null
+++ b/static/leslibres.org.css
@@ -0,0 +1,19 @@
+#content {
+
+	background-color: #EEEEEE;
+	font-family: 'Noto Sans';
+	align-content: start;
+	display: flex;
+	flex-flow: row wrap;
+	margin: .5em;
+
+}
+
+section:not(.searchbar):not(.footer) {
+
+	flex-basis: 20%;
+	flex-grow: 1;
+	align-self: stretch;
+  margin: .5em;
+
+}