First iteration over items

styles/character.less

@@ -278,11 +278,11 @@
       }
     }
   }
-  .gifts {
+  .racial-abilities {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 4px;
-    .gift {
+    .racial-ability {
       display: flex;
       align-items: center;
       gap: 4px;

styles/class.less

@@ -0,0 +1,16 @@
+.class-content {
+  .sheet-common();
+  .item-sheet-common();
+
+  .header {
+    display: flex;
+    img {
+      width: 50px;
+      height: 50px;
+    }
+  }
+
+  label {
+    flex: 10%;
+  }
+}

styles/fvtt-prism-rpg.less

@@ -6,7 +6,7 @@
   @import "character.less";
   @import "monster.less";
   @import "skill.less";
-  @import "gift.less";
+  @import "racial-ability.less";
   @import "weapon.less";
   @import "armor.less";
   @import "spell.less";
@@ -15,6 +15,8 @@
   @import "equipment.less";
   @import "shield.less";
   @import "miracle.less";
+  @import "race.less";
+  @import "class.less";
 }
 
 @import "roll.less";

styles/global.less

@@ -3,7 +3,7 @@
   --font-size-standard: 0.8rem;
   --background-image-base: url("../assets/ui/prism_rpg_background.webp");
   --font-secondary: "BaskervilleBold", serif;
-  --logo-standard: url("../assets/ui/lf_logo_small_02.webp");
+  --logo-standard: url("../assets/ui/prism-rpg-logo-01.webp");
 }
 
 .initiative-area {
@@ -47,7 +47,7 @@ i.prismrpg {
 
 .application.dialog.prismrpg {
   font-family: var(--font-primary);
-  font-size: calc(var(--font-size-standard) * 1.0);
+  font-size: calc(var(--font-size-standard) * 1);
   background-image: var(--background-image-base);
   button:hover {
     background: var(--color-dark-6);
@@ -70,13 +70,13 @@ i.prismrpg {
   background-size: 100% 100%;
 }
 
-.combat-sidebar li.combatant .token-initiative .initiative{
+.combat-sidebar li.combatant .token-initiative .initiative {
   margin-right: 16px;
 }
 
 .combat-sidebar li.combatant .token-initiative {
-  flex:none;
+  flex: none;
 }
 .initiative-minus {
   margin-right: 8px;
-}
+}

styles/monster.less

@@ -25,7 +25,6 @@
     gap: 10px;
     flex: 1;
 
-
     .monster-hp {
       display: flex;
       gap: 4px;
@@ -46,7 +45,7 @@
         min-width: 2.2rem;
         max-width: 2.2rem;
         margin-left: 4px;
-        font-size: calc(var(--font-size-standard) * 1.0);
+        font-size: calc(var(--font-size-standard) * 1);
       }
       .character-hp-max {
         clear: both;
@@ -58,7 +57,7 @@
         input {
           width: 3.2rem;
           text-align: center;
-          font-size: calc(var(--font-size-standard) * 1.0);
+          font-size: calc(var(--font-size-standard) * 1);
         }
       }
     }
@@ -252,7 +251,7 @@
   }
 }
 
-.tab.monster-skills .main-div{
+.tab.monster-skills .main-div {
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -278,11 +277,11 @@
       }
     }
   }
-  .gifts {
+  .racial-abilities {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 4px;
-    .gift {
+    .racial-ability {
       display: flex;
       align-items: center;
       gap: 4px;

styles/race.less

@@ -0,0 +1,16 @@
+.race-content {
+  .sheet-common();
+  .item-sheet-common();
+
+  .header {
+    display: flex;
+    img {
+      width: 50px;
+      height: 50px;
+    }
+  }
+
+  label {
+    flex: 10%;
+  }
+}

styles/racial-ability.less

@@ -1,4 +1,4 @@
-.gift-content {
+.racial-ability-content {
   .sheet-common();
   .item-sheet-common();
 
@@ -19,7 +19,7 @@
   input[type="checkbox"]:checked {
     background-color: rgba(0, 0, 0, 0.1);
   }
-  
+
   input[type="checkbox"]:checked::after {
     color: rgba(0, 0, 0, 0.1);
   }