1 files changed, 11 insertions, 26 deletions

diff --git a/css/style.css b/css/style.css
index 1bb8de0..795a205 100644
--- a/css/style.css
+++ b/css/style.css
@@ -16,22 +16,6 @@
   font-display: swap;
 }
 
-@font-face {
-  font-family: 'Ronzino';
-  src: url('/font/Ronzino-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Ronzino';
-  src: url('/font/Ronzino-Bold.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
 /* Theme */
 :root {
   --primary-color: #0000f5;
@@ -39,8 +23,8 @@
   --foreground: #000019;
   --foreground-emphasis: #191919;
   --selection-color: #ccc;
-  --font-libre-caslon: 'Libre Caslon', 'Times New Roman', 'Georgia', serif;
-  --font-ronzino: 'Ronzino', 'Arial', 'Helvetica', sans-serif;
+  --font-display: 'Libre Caslon', 'Times New Roman', 'Georgia', serif;
+  --font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   --root-font-size: 1rem;
   --base-grid: 1.25rem;
   --radius: 4px;
@@ -63,7 +47,7 @@ h1,h2,h3,h4 { font-weight: 300 }
 li,p {
   hyphens: auto;
   text-align: justify;
-  transform: translateY(5px);
+  transform: translateY(4px);
 }
 strong {
   color: var(--foreground-emphasis);
@@ -77,7 +61,7 @@ button {
   background-color: var(--background);
   color: var(--foreground);
   cursor: pointer;
-  font-family: var(--font-ronzino);
+  font-family: var(--font-body);
   font-size: 1rem;
   line-height: 1.25;
   font-weight: 700;
@@ -107,7 +91,8 @@ button {
 
 /* The Contents */
 body {
-  font-family: var(--font-ronzino);
+  font-family: var(--font-body);
+  font-synthesis: none;
   color: var(--foreground);
   background: var(--primary-color);
   font-size: var(--root-font-size);
@@ -124,7 +109,7 @@ body {
     color: #fff;
     display: flex;
     background: var(--primary-color);
-    font-family: var(--font-libre-caslon);
+    font-family: var(--font-display);
     padding: var(--base-grid);
     position: relative;
 
@@ -210,7 +195,7 @@ main {
   h2 {
     font-size: 1.5rem;
     line-height: 1.6667;
-    font-family: var(--font-libre-caslon);
+    font-family: var(--font-display);
     font-weight: 500;
     transform: translateY(-8px);
   }
@@ -224,7 +209,7 @@ main {
     padding-left: var(--base-grid);
     
     &::before {
-      content: "✷";
+      content: "✳";
       width: var(--base-grid);
       display: inline-block;
       margin-left: calc(-1 * var(--base-grid));
@@ -328,7 +313,7 @@ main {
 
   .titlebar {
     border-bottom: var(--border-width) solid #000;
-    padding: calc(3 * var(--border-width)) calc(8 * var(--border-width));
+    padding: calc(3 * var(--border-width)) calc(8 * var(--border-width)) calc(4 * var(--border-width)) ;
     line-height: calc(9 * var(--border-width));
     text-align: center;
     font-weight: 700;
@@ -357,7 +342,7 @@ main {
   }
 
   .content {
-    padding: var(--base-grid);
+    padding: calc(var(--base-grid) - 1px) var(--base-grid);
   }
 
   hr.divider {