added about to db

src/static/drip.css

@@ -5,6 +5,7 @@
   font-style: normal;
   font-display: swap;
 }
+
 @font-face {
   font-family: 'font';
   src: url('/static/font/font-Bold.ttf') format('truetype');
@@ -17,12 +18,13 @@ body {
     background: #FFE0F4;
     color: #FF00AA;
     text-shadow: 0px 0px 5px rgba(255, 0, 170, 0.8);
-    padding: 5px;
-    max-width: 75%;
-  	margin: auto;
+    padding: 10px;
+    max-width: 900px;
+    width: 100%;
+    margin: auto;
     font-family: font;
     font-weight: normal;
-    line-height: 1.2rem;
+    line-height: 1.4rem;
     word-wrap: break-word;
     font-size: 22px;
 }
@@ -33,11 +35,9 @@ footer {
     margin-top: auto;
 }
 
-main {
-}
-
 img {
-	max-width: 100%;
+    max-width: 100%;
+    height: auto;
 }
 
 strong, b {
@@ -47,25 +47,18 @@ strong, b {
 section {
   margin-top: 32px;
   background: #fff;
-  padding: 5px;
-  border: medium;
-  border-color: #FF00AA;
+  padding: 10px;
+  border: medium dashed #FF00AA;
   border-radius: 5px;
-  border-style: dashed;
 }
 
-
 h1 {
     color: #FF00AA;
     text-decoration: underline yellow;
     text-align: center;
 }
 
-h2 {
-    color: #FF00AA;
-}
-
-h3 {
+h2, h3 {
     color: #FF00AA;
 }
 
@@ -80,6 +73,8 @@ a:hover {
 table {
   width: 100%;
   border-collapse: collapse;
+  overflow-x: auto;
+  display: block;
 }
 
 th, td {
@@ -94,5 +89,66 @@ th {
 }
 
 tr:nth-child(even) {
-  background-color: #FF00AA;
+  background-color: #FFB3DA;
+}
+
+@media (max-width: 768px) {
+
+  body {
+    font-size: 20px;
+    padding: 8px;
+  }
+
+  section {
+    padding: 8px;
+    margin-top: 24px;
+  }
+
+  h1 {
+    font-size: 1.8rem;
+  }
+
+  h2 {
+    font-size: 1.4rem;
+  }
+
+  h3 {
+    font-size: 1.2rem;
+  }
+
+}
+
+@media (max-width: 480px) {
+
+  body {
+    font-size: 18px;
+    padding: 6px;
+    line-height: 1.5rem;
+  }
+
+  section {
+    padding: 8px;
+    margin-top: 20px;
+  }
+
+  h1 {
+    font-size: 1.5rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  table {
+    font-size: 14px;
+  }
+
+  th, td {
+    padding: 6px;
+  }
+
 }