diff --git a/style.css b/style.css
index c6e3ec9..fb27351 100644
--- a/style.css
+++ b/style.css
@@ -157,3 +157,14 @@ a#easteregg:active{
   outline-offset: 3px;
 }
 
+.markdown-content{color:var(--text); line-height:1.7}
+.markdown-content h1{font-size:22px; color:var(--accent); margin-top:0}
+.markdown-content h2{font-size:18px; color:var(--accent-2); margin-bottom:6px}
+.markdown-content h3{font-size:16px; margin-bottom:6px}
+.markdown-content p{margin:0 0 10px}
+.markdown-content a{color:var(--accent)}
+.markdown-content ul{padding-left:1.2rem; margin-bottom:12px}
+.markdown-content li{margin-bottom:6px}
+.markdown-content pre{background:rgba(15,23,42,0.03); padding:12px; border-radius:8px; overflow:auto}
+.markdown-content blockquote{border-left:4px solid rgba(16,185,129,0.12); padding:8px 12px; color:var(--muted); background:rgba(16,185,129,0.02); border-radius:6px}
+
diff --git a/syllabus.html b/syllabus.html
index bf96be7..cb0111c 100644
--- a/syllabus.html
+++ b/syllabus.html
@@ -3,105 +3,83 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Syllabus</title>
-	<style>
-		body {
-			font-family: 'Arial', sans-serif;
-			margin: 20px;
-			background-color: #f0f0f0;
-		}
-
-		h1 {
-			color: #333;
-		}
-
-		a {
-			color: #007bff;
-			text-decoration: none;
-		}
-
-		a:hover {
-			text-decoration: underline;
-		}
-
-		h1 {
-			color: #002bff;
-		}
-
-		h2 {
-			color: #002bff;
-		}
-
-		h3 {
-			color: #002bff;
-		}
-
-		ul {
-			margin-top: 5px;
-			margin-bottom: 15px;
-		}
-
-		li {
-			margin-bottom: 5px;
-		}
-
-	</style>
+	<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
+	<link rel="stylesheet" href="./style.css">
+	<title>Syllabus — Adrien Decosse</title>
 </head>
 <body>
-	<div id="contenu-markdown"></div>
+	<header class="site-header">
+		<div class="container">
+			<a class="brand" href="index.html">Decosse Adrien</a>
+			<nav class="nav" aria-label="Main navigation">
+				<a href="index.html">Accueil</a>
+				<a href="cours/index.html">Cours</a>
+				<a href="croco.html">Crocoloop</a>
+			</nav>
+		</div>
+	</header>
+
+	<main class="container">
+		<section class="main-card">
+			<div id="contenu-markdown" class="markdown-content"></div>
+		</section>
+	</main>
+
+	<footer class="footer">
+		<div class="container">
+			<small class="muted">© Adrien Decosse — site personnel</small>
+		</div>
+	</footer>
+
 	<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 	<script>
-		var contenuMarkdown =
-"# My ENS Syllabus\n\n"+
+		// Render the syllabus content (markdown -> HTML) inside the page.
+		const contenuMarkdown = `# My ENS Syllabus
 
-"## Aggregation\n"+
+## Aggregation
 
-"\n\n"+
-"## M1\n"+
-"### First semester\n"+
-"- Advanced operating systems with [Isabelle Puaut](https://team.inria.fr/pacap/members/isabelle-puaut/)\n"+
-"- Complexity theory with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)\n"+
-"- Software formal analysis and design with [Thomas Genet](http://people.irisa.fr/Thomas.Genet/)\n"+
-"- Digital sobriety with [Olivier Ridoux](http://www.irisa.fr/lande/ridoux/page.pro.e.html)\n"+
-"- Signal processing with [Nicolas Keriven](https://nkeriven.github.io/)\n"+
-"### Second semester\n"+
-"- Information theory and coding with [Eric Fabre](http://people.rennes.inria.fr/Eric.Fabre/)\n"+
-"- General compiler concepts with [Simon Rokicki](https://people.irisa.fr/Simon.Rokicki/)\n"+
-"- Machine learning with [Ewa Kijak](http://people.irisa.fr/Ewa.Kijak)\n"+
-"- Computer graphics with [Marc Christie](https://people.irisa.fr/Marc.Christie/)\n"+
-"- Epistemology with [Filipe Drapeau-Contim](https://philo.univ-rennes.fr/interlocuteurs/filipe-drapeau-vieira-contim)\n"+
+## M1
+### First semester
+- Advanced operating systems with [Isabelle Puaut](https://team.inria.fr/pacap/members/isabelle-puaut/)
+- Complexity theory with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)
+- Software formal analysis and design with [Thomas Genet](http://people.irisa.fr/Thomas.Genet/)
+- Digital sobriety with [Olivier Ridoux](http://www.irisa.fr/lande/ridoux/page.pro.e.html)
+- Signal processing with [Nicolas Keriven](https://nkeriven.github.io/)
+### Second semester
+- Information theory and coding with [Eric Fabre](http://people.rennes.inria.fr/Eric.Fabre/)
+- General compiler concepts with [Simon Rokicki](https://people.irisa.fr/Simon.Rokicki/)
+- Machine learning with [Ewa Kijak](http://people.irisa.fr/Ewa.Kijak)
+- Computer graphics with [Marc Christie](https://people.irisa.fr/Marc.Christie/)
+- Epistemology with [Filipe Drapeau-Contim](https://philo.univ-rennes.fr/interlocuteurs/filipe-drapeau-vieira-contim)
 
-"\n\n"+
-"## L3\n"+
-"### First semester\n"+
-"- Algorithmic 1 with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)\n"+
-"- System architecture 1 with [Steven Derrien](https://people.irisa.fr/Steven.Derrien/wordpress)\n"+
-"- Network and C programming with [Simon Rokicki](https://people.irisa.fr/Simon.Rokicki/)\n"+
-"- Language theory and computability with [Gilles Lesventes]()\n"+
-"- Programming 1 in OCAML with [David Baelde](http://www.lsv.fr/~baelde/)\n"+
-"- Complementary math: optimization with [Baptiste Huguet](https://bhuguet.perso.math.cnrs.fr/enseignement.html)\n"+
-"- Lebesgue's integral\n\n"+
-"### Second semester\n"+
-"- Algorithmic 2 with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)\n"+
-"- Probability and statistics with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)\n"+
-"- Complementary math: algebra\n"+
-"- System architecture 2 with [Simon Rokicki](https://people.irisa.fr/Simon.Rokicki/)\n"+
-"- Cryptography with [Adeline Roux-Langlois](https://langloi227.users.greyc.fr/)\n"+
-"- Image processing with [Emmanuel Caruyer](http://www.emmanuelcaruyer.com)\n"+
-"- Logic with [David Baelde](http://www.lsv.fr/~baelde/)\n"+
-"- Object programming with C with [Martin Quinson](https://people.irisa.fr/Martin.Quinson/)"+
+## L3
+### First semester
+- Algorithmic 1 with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)
+- System architecture 1 with [Steven Derrien](https://people.irisa.fr/Steven.Derrien/wordpress)
+- Network and C programming with [Simon Rokicki](https://people.irisa.fr/Simon.Rokicki/)
+- Language theory and computability with [Gilles Lesventes]()
+- Programming 1 in OCAML with [David Baelde](http://www.lsv.fr/~baelde/)
+- Complementary math: optimization with [Baptiste Huguet](https://bhuguet.perso.math.cnrs.fr/enseignement.html)
+- Lebesgue's integral
 
-"\n\n"+
-"## Agregation\n"+
-"The syllabus is the french academic programme of\n"+
-"- [High School](./agreg/Terminal.pdf)\n"+
-"- [MPI](./agreg/MPI.pdf)\n"+
-"- [Licence](./agreg/Licence.pdf)\n"
-;
+### Second semester
+- Algorithmic 2 with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)
+- Probability and statistics with [François Schwarzentruber](https://people.irisa.fr/Francois.Schwarzentruber/)
+- Complementary math: algebra
+- System architecture 2 with [Simon Rokicki](https://people.irisa.fr/Simon.Rokicki/)
+- Cryptography with [Adeline Roux-Langlois](https://langloi227.users.greyc.fr/)
+- Image processing with [Emmanuel Caruyer](http://www.emmanuelcaruyer.com)
+- Logic with [David Baelde](http://www.lsv.fr/~baelde/)
+- Object programming with C with [Martin Quinson](https://people.irisa.fr/Martin.Quinson/)
 
-		var contenuHTML = marked.parse(contenuMarkdown);
+## Agregation
+The syllabus is the french academic programme of
+- [High School](./agreg/Terminal.pdf)
+- [MPI](./agreg/MPI.pdf)
+- [Licence](./agreg/Licence.pdf)
+`;
 
-		document.getElementById("contenu-markdown").innerHTML = contenuHTML;
+		document.getElementById('contenu-markdown').innerHTML = marked.parse(contenuMarkdown);
 	</script>
 </body>
 </html>
