From 508b525bfae337aa373b7723209067ce24aafad7 Mon Sep 17 00:00:00 2001
From: n <n@example.com>
Date: Sat, 28 May 2022 14:20:47 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E3=81=AE?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4=20-=20=E3=83=95=E3=82=A9=E3=83=B3=E3=83=88?=
 =?UTF-8?q?=E3=81=AE=E8=A8=AD=E5=AE=9A=20-=20=E9=96=93=E9=9A=94=E3=81=AE?=
 =?UTF-8?q?=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/static/style.css | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/static/style.css b/src/static/style.css
index 4757d89..6264947 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -1,14 +1,14 @@
-/* put your style rules here */
 body {
   background-color: #232629;
   background-image: url('/static/stars.gif');
   color: #fcfcfc;
-  padding: 16px;
+  font-family: sans-serif, sans-serif;
+  margin: 0;
 }
 
 table {
-  margin: 1em;
   border: 1px solid #ea81e8;
+  border-spacing: 0;
 }
 
 th {
@@ -19,32 +19,35 @@ td, th {
   border: 1px solid #ea81e8;
 }
 
-.jswarning {
+#jswarning {
   background-color: rgb(170, 170, 0);
   color: rgb(252, 252, 252);
   display: none;
   padding: 10px;
-  z-index: 5000;
   border: 4px #dde22d ridge;
-  margin: -24px -20px 20px -24px;
+  margin: 0;
 }
 
 .container {
-  margin: 0 auto;
+  margin: 4px auto;
   background-color: #170b15;
   max-width: 840px;
   border: 8px #a93da9 ridge;
-  padding: 4px;
-}
-
-.header-img {
-  padding: 10px 20px;
-  max-width: 800px;
-  width: 100%;
+  padding: 1em;
 }
 
 @media screen and (max-width: 840px) {
-  .header-img { padding: 0; }
+  .container {
+    padding: 0;
+    border: 0;
+    margin: 0 auto;
+  }
+}
+
+.header-img {
+  display: block;
+  max-width: 100%;
+  margin: 0 auto;
 }
 
 a {