diff --git a/site/css/dark.scss b/site/css/dark.scss
index b958ea7..b9e0984 100644
--- a/site/css/dark.scss
+++ b/site/css/dark.scss
@@ -9,6 +9,8 @@
 
 	--aside-background: var(--dark-aside-background);
 	--aside-border: var(--dark-aside-border);
+	--aside-warning-background: var(--dark-aside-warning-background);
+	--aside-warning-border: var(--dark-aside-warning-border);
 
 	// Syntax highdarking
 	--atom-base: var(--dark-atom-base);
@@ -36,6 +38,8 @@
 
 	--aside-background: var(--light-aside-background);
 	--aside-border: var(--light-aside-border);
+	--aside-warning-background: var(--light-aside-warning-background);
+	--aside-warning-border: var(--light-aside-warning-border);
 
 	// Syntax highlighting
 	--atom-base: var(--light-atom-base);
diff --git a/site/css/light.scss b/site/css/light.scss
index f9a6af3..d7261b7 100644
--- a/site/css/light.scss
+++ b/site/css/light.scss
@@ -9,6 +9,8 @@
 
 	--aside-background: var(--light-aside-background);
 	--aside-border: var(--light-aside-border);
+	--aside-warning-background: var(--light-aside-warning-background);
+	--aside-warning-border: var(--light-aside-warning-border);
 
 	// Syntax highlighting
 	--atom-base: var(--light-atom-base);
@@ -36,6 +38,8 @@
 
 	--aside-background: var(--dark-aside-background);
 	--aside-border: var(--dark-aside-border);
+	--aside-warning-background: var(--dark-aside-warning-background);
+	--aside-warning-border: var(--dark-aside-warning-border);
 
 	// Syntax highdarking
 	--atom-base: var(--dark-atom-base);
diff --git a/site/css/main.scss b/site/css/main.scss
index 31d6074..e6ec222 100644
--- a/site/css/main.scss
+++ b/site/css/main.scss
@@ -25,6 +25,10 @@ $dark-accent-color: #f9c72f;
 	--dark-aside-background: #{darken($dark-accent-color, 50%)};
 	--light-aside-border: #{darken($light-accent-color, 10%)};
 	--dark-aside-border: #{darken($dark-accent-color, 10%)};
+	--light-aside-warning-background: #{lighten(#c6322f, 40%)};
+	--dark-aside-warning-background: #{darken(#c6322f, 40%)};
+	--light-aside-warning-border: #c6322f;
+	--dark-aside-warning-border: #c6322f;
 
 	// Syntax highlighting
 	--light-atom-base: #fafafa;
@@ -68,6 +72,8 @@ $dark-accent-color: #f9c72f;
 
 	--aside-background: var(--light-aside-background);
 	--aside-border: var(--light-aside-border);
+	--aside-warning-background: var(--light-aside-warning-background);
+	--aside-warning-border: var(--light-aside-warning-border);
 
 	// Syntax highlighting
 	--atom-base: var(--light-atom-base);
@@ -94,6 +100,8 @@ $dark-accent-color: #f9c72f;
 
 	--aside-background: var(--dark-aside-background);
 	--aside-border: var(--dark-aside-border);
+	--aside-warning-background: var(--dark-aside-warning-background);
+	--aside-warning-border: var(--dark-aside-warning-border);
 
 	// Syntax highdarking
 	--atom-base: var(--dark-atom-base);
@@ -240,6 +248,11 @@ article {
 			font-size: 1rem;
 			box-sizing: border-box;
 
+			&.warning {
+				background-color: var(--aside-warning-background);
+				border: 1px solid var(--aside-warning-border);
+			}
+
 			p:first-child { margin-top: 0; }
 			p:last-child { margin-bottom: 0; }
 		}