diff --git a/index.html b/index.html
index 79805a1..88d82e2 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
-
+
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 {