diff --git a/deno.json b/deno.json
index 70fc625..9efe5e1 100644
--- a/deno.json
+++ b/deno.json
@@ -1,6 +1,6 @@
 {
 	"tasks": {
-		"serve": "deno run --allow-env --allow-read --allow-write --allow-net --watch=./client,./script.tsx ./server.tsx"
+		"serve": "deno run --allow-env --allow-read --allow-write --allow-net --watch=./client,./script.tsx,./style.css ./server.tsx"
 	},
 	"fmt": {
 		"singleQuote": true,
diff --git a/server.tsx b/server.tsx
index 62c9dca..9813c85 100644
--- a/server.tsx
+++ b/server.tsx
@@ -13,6 +13,8 @@ const script = await bundle('./script.tsx', {
 	'importMap': { imports: denoConfig.imports },
 })
 
+const css = await Deno.readTextFile('./style.css')
+
 /**
  * Page template
  */
@@ -22,6 +24,7 @@ function Template() {
 			<head>
 				<title>Démo</title>
 			</head>
+			<style>{css}</style>
 			<body>
 			</body>
 			<script type='module' dangerouslySetInnerHTML={{ __html: script.code }}>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..790fe82
--- /dev/null
+++ b/style.css
@@ -0,0 +1,33 @@
+html {
+	scroll-behavior: smooth;
+	box-sizing: border-box;
+}
+
+body {
+	padding: 0;
+	margin: 0;
+	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+		Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+		sans-serif;
+	display: block;
+}
+
+main {
+	height: 100dvh;
+	display: flex;
+	flex-direction: row;
+}
+
+h1 {
+	text-align: center;
+	margin: 0;
+	padding: 1rem;
+	color: white;
+	background-color: #97c2fc;
+	box-shadow: 0 0 0.4rem 0.2rem rgba(0, 0, 0, 0.2);
+}
+
+.graph {
+	width: 100%;
+	height: 100%;
+}
