Background design, fonts loaded locally, normalize CSS CDN

static/css/main.css

@@ -1,18 +1,30 @@
-@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
 @font-face {
   font-family: "EB Garamond";
-  src: url("static/assets/EBGaramond-0.016/ttf/EBGaramond12-Regular.ttf"), url("static/assets/EBGaramond-0.016/otf/EBGaramond12-Regular.otf") format("truetype");
+  src: url("/static/assets/EBGaramond-0.016/ttf/EBGaramond12-Regular.ttf"), url("/static/assets/EBGaramond-0.016/otf/EBGaramond12-Regular.otf") format("truetype");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: "Cheltenham Classic";
+  src: url("/static/assets/cheltenham/CheltenhamClassic.ttf"), url("/static/assets/cheltenham/CheltenhamClassic.otf") format("truetype");
   font-weight: normal;
   font-style: normal; }
 
 html {
+  background-image: url("/static/assets/concrete/Concrete012_1024p_Color.jpg");
   font-family: "EB Garamond";
   font-optical-sizing: auto; }
 
 h1 {
-  font-family: "cheltenhamclassic", serif; }
+  font-family: "Cheltenham Classic", serif;
+  background-color: white;
+  display: inline-block; }
+
+span {
+  background-color: white; }
 
 #main-frame {
+  background-color: white;
   max-width: 600px;
   margin: auto;
   border: 1px solid black;
@@ -26,10 +38,12 @@ hr {
 
 .entry .meta {
   color: gray;
-  margin: 2pt 4pt; }
+  margin: 2pt 4pt;
+  font-size: 12pt; }
 
 .entry .content {
-  margin: 10pt; }
+  margin: 10pt;
+  font-size: 14pt; }
 
 .entry img {
   max-width: 100%; }
@@ -54,7 +68,9 @@ hr {
 #headerbar {
   display: flex;
   flex-direction: row;
-  justify-content: space-between; }
+  justify-content: space-between;
+  background-color: white;
+  margin: 0px; }
 
 form {
   display: flex;
@@ -63,7 +79,7 @@ form {
     margin: 4px 6px; }
   form textarea {
     resize: vertical;
-    font-size: 1.0rem; }
+    font-size: 1rem; }
   form.create {
     border: 1px solid gray;
     padding: 10px 15px;