Change style to shrink

Author: Mizux

scripts/data.js

@@ -1,7 +1,7 @@
 // Atk: speed > power > technical > speed
 // Weapon Weakness: slash | pierce | blunt
 const data = [
-  ['Id', 'Egg', 'Name', 'Normal', 'Enraged', 'Weapon Weakness'/*, 'Notes'*/],
+  ['Icon', 'Egg', 'Name', 'Atk', 'Spe', 'Weapon Weakness'/*, 'Notes'*/],
   //['000', 'Unknow', 'power technical speed', 'power technical speed', ['slash pierce blunt', ['Part', 'slash pierce blunt']], 'note'],
   ['001', 'Aptonoth', 'power', '', ['slash pierce'], ''],
   ['002', 'Larinoth', 'technical', '', ['slash pierce'], ''],

style.css

@@ -8,42 +8,41 @@ table {
   letter-spacing: 1px;
   font-family: sans-serif;
 }
-
 table thead, table tfoot {
   background-color: #3d2c18;
   color: #fff;
 }
-
 table tbody {
   background-color: #f1dfb9;
-  color: #2e2212;
+  color: #3d2c18;
 }
-
 table th, table td {
   border: 1px solid #111;
-  padding: 5px 10px;
 }
 table td {
   text-align: center;
 }
-
 table img {
   vertical-align: middle;
 }
 
-
 .container {
   position: relative;
   text-align: center;
   background-color: #202828;
+  padding: 5px 10px;
 }
 .id {
   position: absolute;
   bottom: 0%;
   left: 50%;
   transform: translate(-50%, 0%);
 
-  font-size: 0.5em;
+  font-size: 0.6em;
   background-color: #3d2c18;
   color: #fff;
 }
+
+.name {
+  font-size: 1.2em;
+}