4 files changed, 22 insertions, 2 deletions
diff --git a/error.html b/error.html
index de96e3b..cd93384 100644
--- a/error.html
+++ b/error.html
@@ -1 +1,10 @@
-<h1>uwu we made a little fucko boingo</h1>
+<html>
+    <head>
+	<title>Erreur</title>
+	<link rel="stylesheet" type="text/css" href="./style.css" />
+    </head>
+    <body class="error" style="height: 95vh; background: white">
+	<h1 style="text-align: center; margin: auto; width: 50%; padding: 42vh 0; font-size: 150">ERREUR</h1>
+	<audio src="img/error.mp3" autoplay></audio>
+    </body>
+</html>
diff --git a/img/error.mp3 b/img/error.mp3
new file mode 100644
index 0000000..1e9dcb6
--- /dev/null
+++ b/img/error.mp3
diff --git a/img/error.webm b/img/error.webm
new file mode 100644
index 0000000..682235b
--- /dev/null
+++ b/img/error.webm
diff --git a/style.css b/style.css
index 2f11a1e..f8640e8 100644
--- a/style.css
+++ b/style.css
@@ -105,7 +105,7 @@ a.text-link::after{
 	background-color: rgba(220, 237, 200, 0.80);
 	border-radius: 5px;
 	border: 5px dotted #b4d545;
-	overflow: auto;
+	overflow-x: hidden;
 }
 
 .content h1, h2{
@@ -154,6 +154,10 @@ a.text-link::after{
 	content: "<<<";
 }
 
+.error{
+    animation: error 1s step-start 0s infinite;
+}
+
 @keyframes spin{
 	from{
 		transform:rotate(0deg);
@@ -208,6 +212,13 @@ a.text-link::after{
 	}
 }
 
+@keyframes error{
+    50%{
+	color: white;
+	background: black;
+    }
+}
+
 @font-face{
 	font-family:Cousine;
 	src:url(./fonts/CousineNerdFont-Regular.ttf);