From 163bb0e776f24dd1de75555440bf574c652b9c3f Mon Sep 17 00:00:00 2001
From: naijamesz <kodlikejamesz@hotmail.com>
Date: Tue, 19 Sep 2023 22:28:14 +0700
Subject: [PATCH] Modified

---
 index.html |  2 +-
 script.js  |  1 -
 style.css  | 14 +++++++-------
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 79805a1..88d82e2 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
       <!-- Quote -->
       <div class="quote-text">
         <i class="fas fa-quote-left"></i>
-        <span id="quote"></span>
+        <span id="quote"> </span>
         <i class="fas fa-quote-right"></i>
       </div>
       <!-- Author -->
diff --git a/script.js b/script.js
index 6f01a02..9757aa3 100644
--- a/script.js
+++ b/script.js
@@ -6,7 +6,6 @@ const newQuoteBtn = document.getElementById('new-quote')
 const loader = document.getElementById('loader')
 
 let apiQuotes = []
-
 // Loading Spinner Shown
 function loading() {
   loader.hidden = false
diff --git a/style.css b/style.css
index f98a7df..d352dda 100644
--- a/style.css
+++ b/style.css
@@ -34,14 +34,14 @@ body {
 .quote-container {
   width: auto;
   max-width: 900px;
-  padding: 20px 30px;
-  border-radius: 10px;
-  background-color: rgba(255, 255, 255, 0.4);
-  box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.2);
+  padding: 30px;
+  border-radius: 15px;
+  background-color: rgba(255, 255, 255, 0.5);
+  box-shadow: -10px 10px 10px 10px rgba(0, 0, 0, 0.3);
 }
 
 .quote-text {
-  font-size: 1rem;
+  font-size: 2rem;
 }
 
 .long-quote {
@@ -49,10 +49,10 @@ body {
 }
 
 .fa-quote-left {
-  font-size: 1rem;
+  font-size: 2.75rem;
 }
 .fa-quote-right {
-  font-size: 1rem;
+  font-size: 2.75rem;
 }
 
 .quote-author {