rounded design servants

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>