Enhance CSS+fonts

styles/simple.css

@@ -1,33 +1,38 @@
   /* ==================== (A) Fonts ==================== */
-  /* ==================== (A) Fonts ==================== */
   @font-face {
-    font-family: "Charlemagne";
-    src: url('../assets/fonts/CharlemagneStd-Bold.otf') format("otf");
+    font-family: "Pfeffer";
+    src: url('../assets/fonts/pfeffer-simpelgotisch.regular.otf') format("opentype");
+  }
+
+  @font-face {
+    font-family: "Montserrat";
+    src: url('../assets/fonts/Montserrat-Medium.woff') format("woff");
+    font-weight: normal;
   }
 
   :root {
     /* =================== 1. ACTOR SHEET FONT STYLES =========== */
-    --window-header-font-family: Charlemagne;
-    --window-header-title-font-size: 1.1rem;
+    --window-header-font-family: Montserrat;
+    --window-header-title-font-size: 0.95rem;
     --window-header-title-font-weight: normal;
     --window-header-title-color: #f5f5f5;
 
-    --major-button-font-family: Charlemagne;
-    --major-button-font-size: 1.05rem;
+    --major-button-font-family: Montserrat;
+    --major-button-font-size: 0.95rem;
     --major-button-font-weight: normal;
     --major-button-color: #dadada;
 
-    --tab-header-font-family: Charlemagne;
+    --tab-header-font-family: Montserrat;
     --tab-header-font-size: 1.0rem;
     --tab-header-font-weight: 700;
     --tab-header-color: #403f3e;
     --tab-header-color-active: #4a0404;
 
-    --actor-input-font-size: 0.8rem;
+    --actor-input-font-size: 0.9rem;
     --actor-input-font-weight: 500;
     --actor-input-color: black;
 
-    --actor-label-font-size: 0.8rem;
+    --actor-label-font-size: 0.9rem;
     --actor-label-font-weight: 700;
     --actor-label-color: #464331c4;
 
@@ -56,10 +61,17 @@
     }
   }
 
+  .window-app button,
+  .window-app select,
+  .window-app input {
+    font-family: "Montserrat";
+    text-align: center;
+  }
+
   /*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/
   /* Global styles & Font */
   .window-app {
-    font-family: Charlemagne;
+    font-family: Montserrat;
     text-align: justify;
     font-size: 12px;
     letter-spacing: 1px;
@@ -71,13 +83,13 @@
   .window-app .window-header,
   #actors .directory-list,
   #navigation #scene-list .scene.nav-item {
-    font-family: "Charlemagne";
+    font-family: "Montserrat";
     font-size: 0.8rem;
   }
 
   /* For title, sidebar character and scene */
   .sheet header.sheet-header h1 input {
-    font-family: "Charlemagne";
+    font-family: "Pfeffer";
     font-size: 0.8rem;
     color: lightgray;
   }
@@ -89,7 +101,7 @@
   }
 
   .sheet nav.sheet-tabs {
-    font-family: "Charlemagne";
+    font-family: "Pfeffer";
     font-size: 0.8rem;
     color: #151c1f;
   }
@@ -356,8 +368,9 @@
     border-bottom: 0;
     font-weight: bold;
     font-size: 2rem;
-    font-family: "Charlemagne";
+    font-family: "Pfeffer";
     color: lightgray;
+    text-align: left;
   }
 
   .fvtt-hawkmoon-cyd .sheet-header h1.charname input {
@@ -365,9 +378,10 @@
     height: 100%;
     margin: 0;
     font-weight: bold;
-    font-family: "Charlemagne";
+    font-family: "Pfeffer";
     font-size: 2rem;
     color: lightgray;
+    text-align: left;
   }
 
   .fvtt-hawkmoon-cyd .sheet-tabs {
@@ -975,6 +989,11 @@
     font-size: 0.9rem;
   }
 
+  .chat-message .message-content {
+    font-size: 0.9rem;
+    font-family: CentaurMT;
+  }
+
   .chat-actor-name {
     padding: 4px;
   }
@@ -992,7 +1011,7 @@
     font-weight: bold;
     position: absolute;
     top: 50%;
-    left: 40%;
+    left: 54%;
     transform: translate(-50%, -50%);
   }
 
@@ -1007,6 +1026,7 @@
   .icon-adversite {
     width: 48px;
     border: 0px;
+    margin-left: 8px;
   }
 
   .hud-adversite-container {
@@ -1496,8 +1516,8 @@
   .item-field-label-medium {
     padding-top: 6px;
     flex-grow: 1;
-    max-width: 6rem;
-    min-width: 6rem;
+    max-width: 7rem;
+    min-width: 7rem;
   }
 
   .item-field-label-long {
@@ -1574,7 +1594,7 @@
   }
 
   textarea {
-    font-family: "Charlemagne";
+    font-family: "Montserrat";
     font-size: 0.8rem;
   }