From 1dfd8c91a29f22fd65c0d6d6eb6eb729e43db339 Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Mon, 21 Nov 2022 17:55:44 -0800
Subject: [PATCH] fix css linting issues

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
---
 source/static/CreatePage.css    |  2 +-
 source/static/Form.css          |  9 +++++++--
 source/static/ReviewDetails.css |  2 +-
 source/static/homepage.css      | 23 ++---------------------
 4 files changed, 11 insertions(+), 25 deletions(-)

diff --git a/source/static/CreatePage.css b/source/static/CreatePage.css
index 4172bdc..0fee1bc 100644
--- a/source/static/CreatePage.css
+++ b/source/static/CreatePage.css
@@ -26,5 +26,5 @@ body {
 	text-align: center;
 	color: #516754;
 	font-size: 6rem;
-	font-family: testFont;
+	font-family: testFont, sans-serif;
 }
diff --git a/source/static/Form.css b/source/static/Form.css
index 253cb7e..0b34fa2 100644
--- a/source/static/Form.css
+++ b/source/static/Form.css
@@ -1,11 +1,16 @@
-.journal-form h1 {
+@font-face {
 	font-family: testFont;
+	src: url("CoveredByYourGrace-Regular.ttf");
+}
+
+.journal-form h1 {
+	font-family: testFont, sans-serif;
 	text-align: center;
 }
 
 .journal-form {
 	font-size: 120%;
-	font-family: "Century Gothic";
+	font-family: "Century Gothic", sans-serif;
 	width: 50%;
 	margin: auto;
 	color: #516754;
diff --git a/source/static/ReviewDetails.css b/source/static/ReviewDetails.css
index a03b7c9..4b92b4d 100644
--- a/source/static/ReviewDetails.css
+++ b/source/static/ReviewDetails.css
@@ -32,7 +32,7 @@ h1 {
 	/* color: #e4c3d2; */
 	color: #516754;
 	font-size: 6rem;
-	font-family: testFont;
+	font-family: testFont, sans-serif;
 }
 
 .d-tag {
diff --git a/source/static/homepage.css b/source/static/homepage.css
index cc9f934..ff575b4 100644
--- a/source/static/homepage.css
+++ b/source/static/homepage.css
@@ -34,7 +34,7 @@ body {
 	/* color: rgb(145, 124, 175); */
 	color: #516754;
 	font-size: 6rem;
-	font-family: testFont;
+	font-family: testFont, sans-serif;
 }
 
 .body-container {
@@ -70,26 +70,7 @@ body {
 	text-align: center;
 	font-size: 4rem;
 	color: #516754;
-	font-family: testFont;
-}
-
-img#create-btn {
-	position: relative;
-	align-self: center;
-	padding-left: 2.5%;
-	padding-right: 2.5%;
-}
-
-.review-container {
-	display: flex;
-	position: relative;
-	flex-wrap: wrap;
-	justify-content: center;
-}
-
-.review-container > div {
-	background-color: #f1f1f1;
-	text-align: center;
+	font-family: testFont, sans-serif;
 }
 
 img#create-btn {