diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index f5b1a48..57592df 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -12,7 +12,7 @@
 <a href={data.path}>
 	<div class="card">
 		{#if data.image}
-			<img src=/img/net7.png class="image" alt={""} />
+			<img src="/img/net7.png" class="image" alt={''} />
 		{/if}
 		<h2>{data.title}</h2>
 		{#if data.description}
@@ -66,7 +66,7 @@
 		padding: 0.25rem 0.5rem;
 		border-radius: 0.25rem;
 	}
-	
+
 	.image {
 		width: 100%;
 		height: 100%;
diff --git a/src/lib/mardown/Layout.svelte b/src/lib/mardown/Layout.svelte
index 5e83784..54153c6 100644
--- a/src/lib/mardown/Layout.svelte
+++ b/src/lib/mardown/Layout.svelte
@@ -1,7 +1,7 @@
 <script>
-    export let title;
+	export let title;
 </script>
 
 <h1>{title}</h1>
 
-<slot ></slot>
\ No newline at end of file
+<slot />
diff --git a/src/routes/shs/ppp/+page.md b/src/routes/shs/ppp/+page.md
index 6158f34..72013db 100644
--- a/src/routes/shs/ppp/+page.md
+++ b/src/routes/shs/ppp/+page.md
@@ -5,15 +5,10 @@ description: PPP
 tags:
 ---
 
-<script>
-	import ppp from '$lib/files/PPP.pdf';
-</script>
-
-<iframe src={ppp} class="ppp" title="Projet Personnel Professionnel"></iframe>
-
-<style>
-  .ppp {
-    width: 100%;
-    height: 600px;
-  }
-</style>
\ No newline at end of file
+<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
+ padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
+ border-radius: 8px; will-change: transform;">
+  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
+    src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAFWbtr0nNU&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
+  </iframe>
+</div>
diff --git a/svelte.config.js b/svelte.config.js
index 0774496..af2f4fe 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,17 +1,15 @@
-import adapter from '@sveltejs/adapter-static';
+import adapter from '@sveltejs/adapter-auto';
 import { vitePreprocess } from '@sveltejs/kit/vite';
 import { mdsvex } from 'mdsvex';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
-	// for more information about preprocessors
 	extensions: ['.svelte', '.md'],
 	preprocess: [
 		vitePreprocess(),
 		mdsvex({
 			extensions: ['.md'],
-			layout: "src/lib/mardown/Layout.svelte"
+			layout: 'src/lib/mardown/Layout.svelte'
 		})
 	],