made some css style and made the page to display a quote when opening the page or refreshing it.

Author: Ebrahim-Moqbel

Sprint-3/quote-generator/quotes.js

@@ -14,7 +14,7 @@ function displayQuote() {
   quote.textContent = randomQuote.quote;
   author.textContent = randomQuote.author;
 }
-
+window.onload = displayQuote;
 // DO NOT EDIT BELOW HERE
 
 // pickFromArray is a function which will return one item, at

Sprint-3/quote-generator/style.css

@@ -5,5 +5,41 @@ body{
     margin:0;
     display: flex;
     padding: 0 1rem;
-    background-color: #dd7a7a
+    background-color: #e2c8c8
 }
+
+* {
+    box-sizing: border-box;
+}
+main.quote-box {
+    max-width : 600px;
+    padding :2rem;
+    text-align : center;
+}
+
+#quote {
+    font-size : 1.5rem;
+    font-style : italic;
+    line-height: 1.4;
+    margin-bottom : 1rem;
+}
+#author {
+    font-size: 1rem;
+    font-weight: 600;
+    color: #272ad3;
+    margin-bottom : 2rem;
+}
+#new-quote {
+    padding: 0.6rem 1.4rem;
+    font-size: 1rem;
+    border: none;
+    border-radius: 6px;
+    background-color: #2b2b2b;
+    color: #fff;
+    cursor: pointer;
+    transition: background-color 0.15s ease;
+}
+
+#new-quote:hover {
+    background-color: #444;
+}