diff --git a/layouts/doc/single.html b/layouts/doc/single.html
index 7c2edae..60278a6 100644
--- a/layouts/doc/single.html
+++ b/layouts/doc/single.html
@@ -4,9 +4,9 @@
 	<div class="w-full md:w-1/4">
 		{{ partial "menu" . }}
 	</div>
-	<div class="w-full md:w-3/4 p-4 pt-6 md:pt-2">
+	<article class="w-full md:w-3/4 p-4 pt-6 md:pt-2">
 		{{ partial "prose.html" .Content }}
-	</div>
+	</article>
 </div>
 
 {{ partial "footer.html" . }}
diff --git a/src/style.css b/src/style.css
index de3d283..42de55b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -17,3 +17,11 @@ body {
 .prose h6 {
     @apply font-title font-semibold;
 }
+
+.notification {
+    @apply p-4 rounded;
+}
+
+.notification.is-warning {
+    @apply bg-yellow-300;
+}