Modified

naijamesz · Sep 19, 2023 · 163bb0e · 163bb0e
1 parent ad86c6f
commit 163bb0e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git 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
@@ -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
@@ -34,25 +34,25 @@ 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 {
   font-size: 2.75rem;
 }
 
 .fa-quote-left {
-  font-size: 1rem;
+  font-size: 2.75rem;
 }
 .fa-quote-right {
-  font-size: 1rem;
+  font-size: 2.75rem;
 }
 
 .quote-author {