Added syles by CSS

index.html

@@ -13,28 +13,28 @@ <h1>Practice Stylings</h1>
     <div class="content">
         <div class="story-box">
             <h2>Feathers in the Wind</h2>
-            <p><em>A retelling of a European Jewish wisdom tale.</em></p>
+            <p id="story-source"><em>A retelling of a European Jewish wisdom tale.</em></p>
 
-            <p>Once there was a man whom the entire village knew to be a gossip.
+            <p class="blog">Once there was a man whom the entire village knew to be a gossip.
                 He could not wait to share the juiciest piece of gossip with
                 whoever would listen. It did not matter to him if the stories he
                 spread were true, or not—he never stopped to ask.</p>
-            <p>One day, after hearing the rabbi speak about the harm gossip
+            <p class="blog">One day, after hearing the rabbi speak about the harm gossip
                 causes, this man went to the rabbi and said, "Rabbi, I am truly
                 sorry for all the pain I have caused with my loose lips. I
                 repent and will gossip no more. Can I be forgiven?"</p>
-            <p>"Yes," replied the rabbi, "but here is what you must do. Go home.
+            <p class="blog">"Yes," replied the rabbi, "but here is what you must do. Go home.
                 Find a feather pillow. Open the pillow and release the feathers
                 on the wind. Then, come back to me."</p>
-            <p>The man thought this a strange request, but he did as he was
+            <p class="blog">The man thought this a strange request, but he did as he was
                 told. When he came back, the rabbi said, "Now, go gather all the
                 feathers released from the pillow."</p>
-            <p>"But that is impossible! They have flown all over the place. I do
+            <p class="blog">"But that is impossible! They have flown all over the place. I do
                 not even know where most of them have traveled!"</p>
-            <p>"So it is with words: you do know where your gossip and rumors
+            <p class="blog">"So it is with words: you do know where your gossip and rumors
                 have traveled. Once words have been uttered, they cannot be
                 taken back."</p>
-            <p>The man understood. From that day on, he was careful and
+            <p class="blog">The man understood. From that day on, he was careful and
                 thoughtful when speaking of others, and spoke with
                 integrity.</p>
         </div>
@@ -43,4 +43,4 @@ <h2>Feathers in the Wind</h2>
     </div>
 </div>
 </body>
-</html>
+</html>

main.css

@@ -1,37 +1,45 @@
 h1 {
-    font-size: ;
-    font-family: ;
-    padding: ;
-    margin: ;
-    font-weight: ;
-    text-decoration: ;
-    color: ;
+    font-size: 40px;
+    text-align: center;
+    padding: 0px;
+    margin-top: 0px;
+    font-weight: 5;
+    color:rgb(3, 100, 63);
+    background-color: rgb(255, 255, 255);
+}
+
+.story-box {
+    margin-left: 180px;
+    margin-right: 180px;
     background-color: ;
 }
 
 h2 {
-    font-size: ;
-    font-family: ;
-    padding: ;
-    margin: ;
-    font-weight: ;
-    color: ;
-    background-color: ;
+    font-size: 40px;
+    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    font-weight: 2;
+    color:rgb(12, 75, 184);
+    line-height: 0.1;
+    margin-top: 50px;
 }
 
-p {
-    font-family: ;
-    font-size: ;
-    padding: ;
-    margin: ;
-    color: ;
-    background-color: ;
+#story-source {
+    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-size: 18px;
+    text-indent: 20px;
+    line-height:;
+}
+
+.blog {
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+    font-size: 23px;
+    text-align: justify;
 }
 
 .logo {
-    background-size: cover;
-    background-image: url();
-    background-color: ;
-    height: ;
-    width: ;
+    background-size:cover;
+    background-image: url(https://appacademy.github.io/styleguide/assets/logo/logo-emblem-black-1000.png);
+    background-color:;
+    height: 120px;
+    width: 120px;
 }