Generation automation

1 files changed, 24 insertions, 8 deletions

diff --git a/index.css b/index.css
index 2a42482..28a074c 100644
--- a/index.css
+++ b/index.css
@@ -30,14 +30,20 @@
 }
 
 .card {
+    background-image: url("cardFace.png");
+    background-size: cover;
+
+}
+
+.overlay {
+    background-image: url("Components/cardLine.svg");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-size: 100%;
     padding: -5px;
     height: calc(160px * 4);
     width: calc(110px * 4);
-    border: 5px solid black;
-    border-radius: 30px;
     display: flex;
-    background-image: url("cardFace.png");
-    background-size: cover;
 }
 
 .in-box {
@@ -48,9 +54,8 @@
 }
 
 .side-panel {
-    height: calc(160px * 4);
+    height: calc(160px * 4 - 10px);
     width: calc(160px * 4 * 0.1 - 23px + 10px);
-    background-color: balck;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
 }
@@ -70,7 +75,7 @@
 }
 
 .side-panel-content {
-    height: calc(160px * 4 - (160px * 4 * 0.1) - 5px);
+    height: calc(160px * 4 - (160px * 4 * 0.1) - 25px);
     display: flex;
 }
 
@@ -94,6 +99,7 @@
     padding-left: 10px;
     width: calc(160px * 4 * 0.9 - 30px -  220px);
     line-height: 70px;
+    text-align: center;
 }
 
 .class-icon {
@@ -108,6 +114,7 @@
     width: calc(160px * 4 * 0.9 - 30px -  220px);
     margin-bottom: 0px;
 
+    text-align: center;
 }
 
 .stats {
@@ -124,6 +131,13 @@
     list-style: none;
 
     flex-wrap: wrap;
+
+    background-image: url("Components/components.svg");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-size: 100%;
+
+    text-align: center;
 }
 
 .description {
@@ -136,6 +150,8 @@ li {
 
 .contents > p {
     font-size: var(--font-size);
+    padding-right: 10px;
+    padding-left: 10px;
 }
 
 .card.bard > .side-panel > .level {
@@ -147,7 +163,7 @@ li {
     background-repeat: no-repeat;
     background-size: cover;
     margin-top: calc(180px * 4 * 0.1 - 6px);
-    height: calc(160px * 4 - 180px * 4 * 0.1 + 10px);
+    height: calc(160px * 4 - 180px * 4 * 0.1 + 10px - 10px);
     min-width: 10;
 }