From a95b6ea521e2b3c9983cbc19925c8840c1ea4447 Mon Sep 17 00:00:00 2001
From: marioseixas <seixas@ib.bsb.br>
Date: Sun, 4 Aug 2024 16:19:34 -0300
Subject: [PATCH] Update 404.html

---
 404.html | 79 ++++++++++++++++++++++----------------------------------
 1 file changed, 31 insertions(+), 48 deletions(-)

diff --git a/404.html b/404.html
index 10c9655ee..5e0a0de60 100644
--- a/404.html
+++ b/404.html
@@ -5,57 +5,40 @@
 id: not-found
 ---
 
-<style>
-    body {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100vh;
-        margin: 0;
-        background-color: #f8f9fa;
-        color: #343a40;
-    }
-    .container {
-        text-align: center;
-        padding: 20px;
-        max-width: 800px;
-        margin: auto;
-    }
-    h1 {
-        font-size: 2em;
-        margin-bottom: 0.5em;
-    }
-    p {
-        margin-bottom: 1em;
-    }
-    .gcse-search {
-        margin-bottom: 1em;
-    }
-    .iframe-container {
-        position: relative;
-        padding-bottom: 56.25%; /* 16:9 aspect ratio */
-        height: 0;
-        overflow: hidden;
-        width: 100%;
-        max-width: 100%;
-        background-color: #ffffff;
-        border: 1px solid #ced4da;
-        border-radius: 0.25rem;
-    }
-    .iframe-container iframe {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border: 0;
-    }
-</style>
-<script async src="https://cse.google.com/cse.js?cx=000547254117280036387:qwl-zdl2sn0"></script>
-
 <div class="container">
+    <style scoped>
+        .container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 0;
+            text-align: center;
+            margin: auto;
+        }
+        .gcse-search {
+            margin-bottom: 1em;
+        }
+        .iframe-container {
+            position: relative;
+            padding-bottom: 56.25%; /* 16:9 aspect ratio */
+            height: 0;
+            overflow: hidden;
+            width: 100%;
+            max-width: 100%;
+        }
+        .iframe-container iframe {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border: 0;
+        }
+    </style>
     <div class="gcse-search"></div>
     <div class="iframe-container">
         <iframe name="embed_readwrite" src="https://pad.riseup.net/p/short-ref-keep?showControls=false&showChat=false&showLineNumbers=true&useMonospaceFont=true&noColors=true&alwaysShowChat=false&chatAndUsers=false" frameborder="0"></iframe>
     </div>
 </div>
+
+<script async src="https://cse.google.com/cse.js?cx=000547254117280036387:qwl-zdl2sn0"></script>