completed quote-generator app

Author: Dipa-Sarker

Sprint-3/quote-generator/index.html

@@ -5,9 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Quote generator app</title>
     <script defer src="quotes.js"></script>
+    <link href="style.css" rel="stylesheet" />
   </head>
   <body>
-    <h1>hello there</h1>
+    <h1>Hello There</h1>
     <p id="quote"></p>
     <p id="author"></p>
     <button type="button" id="new-quote">New quote</button>

Sprint-3/quote-generator/style.css

@@ -1 +1,38 @@
 /** Write your CSS in here **/
+h1 {
+  color: blueviolet;
+  font-style: normal;
+  font-size: 48px;
+}
+#quote {
+  font-size: 32px;
+  font-style: italic;
+  margin-left: 10px;
+  margin-bottom: 3px;
+}
+#author {
+  font-size: 30px;
+  margin-top: 20px;
+}
+#quote::before {
+  content: '"';
+}
+
+#quote::after {
+  content: '"';
+}
+#author::before {
+  content: "---";
+}
+
+body {
+  background-color: #fff8e7;
+  display: grid;
+  place-items: center;
+}
+#new-quote {
+  font-size: 28px;
+  font-family: serif;
+  background-color: white;
+  box-shadow: 5px 5px 2px 1px black;
+}