✨

less/character-sheet.less

@@ -639,12 +639,45 @@
         flex-direction: column;
     }
 
+    .defenseBox {
+        position: absolute;
+        bottom: 5px;
+        right: 10px
+    }
+
     .defenseTable {
-        border-radius: 10px;
+        border-radius: 5px;
+        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 
         th {
             border: 2px black;
-            padding: 5px;
+            padding: 3.5px;
+            padding-right: 4.5px;
+            font-size: 12px;
         }
     }
+
+    .effectiveness0 {
+        background-color: black;
+        color: yellow;
+        // text-shadow: none;
+    }
+
+    .effectiveness½ {
+        background-color: red;
+        color: yellow;
+        // text-shadow: none;
+    }
+
+    .effectiveness1 {
+        background-color: white;
+        color: white;
+        text-shadow: none;
+    }
+
+    .effectiveness½ {
+        background-color: green;
+        color: yellow;
+        // text-shadow: none;
+    }
 }