rounded design servants

src/components/ceCard.astro

@@ -17,7 +17,6 @@ if (mlb === 'false') {
 ---
 
 <article>
-  <div class="heading-center">{name}</div>
   <div>
     <img class="ce-crop" src={ce_img} alt={name} />
   </div>
@@ -33,6 +32,7 @@ if (mlb === 'false') {
   }
 
   article {
+    border-radius: 1.25rem;
     background-color: var(--c-darkergray);
     padding: 20px;
     padding-top: 5px;
@@ -44,11 +44,10 @@ if (mlb === 'false') {
     margin: 0px;
     display: grid;
     grid-template-columns: 100%;
-    grid-template-rows: auto auto 3em;
+    grid-template-rows: auto 3em;
     gap: 0px 0px;
     grid-auto-flow: row;
     grid-template-areas:
-      '.'
       '.'
       '.';
   }
@@ -62,6 +61,8 @@ if (mlb === 'false') {
   }
 
   img {
+    border-radius: 1.5rem;
+    margin-top: 1rem;
     display: flex;
     margin-left: auto;
     margin-right: auto;
@@ -103,8 +104,6 @@ if (mlb === 'false') {
     }
     article {
       width: 10em;
-      grid-template-columns: auto;
-      grid-template-rows: auto auto 3em;
     }
     .mlbalign {
       width: 7.5em;

src/components/servantCard.astro

@@ -23,7 +23,6 @@ if (bond10 === 'false') {
 ---
 
 <article>
-  <div class="heading">{name}</div>
   <img src={servant_img} alt={name} />
   <h2 class="subtext">
     Level {level}<br />
@@ -43,7 +42,7 @@ if (bond10 === 'false') {
     width: 100%;
     align-items: center;
     justify-content: center;
-    font-size: 22px;
+    font-size: 24px;
     color: white;
     max-width: 200px;
     padding-bottom: 0.3rem;
@@ -74,11 +73,14 @@ if (bond10 === 'false') {
     align-items: center;
     text-align: center;
     transition: transform var(--speed) var(--ease);
+    border-radius: 1.25rem;
   }
 
   article > img {
-    width: 120px;
-    height: 120px;
+    width: 7.5rem;
+    height: 7.5rem;
+    border-radius: 2.5rem;
+    margin-top: 0.75rem;
   }
   .subtext {
     color: white;
@@ -97,6 +99,7 @@ if (bond10 === 'false') {
     top: 95%;
     left: 0px;
     right: 0px;
+    border-radius: 0px 0px 1.25rem 1.25rem;
   }
 
   article:hover .expand-on-hover {
@@ -127,8 +130,7 @@ if (bond10 === 'false') {
     }
 
     .bond-ce {
-      width: 128px;
-      height: 58px;
+      height: 3.5rem;
     }
   }
 </style>

src/layouts/baseSection.astro

@@ -36,13 +36,14 @@ const { title } = Astro.props
     letter-spacing: -1px;
     color: white;
     margin-top: 2rem;
-    margin-bottom: 0;
+    margin-bottom: 0px;
     margin-left: auto;
     margin-right: auto;
     padding: 0.25rem 1.5rem;
     border-radius: 0.5rem;
     max-width: max-content;
     background-color: var(--c-darkgray);
+    padding-bottom: 0.5rem;
   }
   @media (min-width: 512px) {
     div {