From 517871805c2bae5dd15550a1bee4f39141d6d9dd Mon Sep 17 00:00:00 2001
From: Tolulope-afolabi <tolulopeafolabi88@gmail.com>
Date: Sun, 7 Jun 2020 19:25:56 +0100
Subject: [PATCH] added stylesheet to the html doc

---
 styles.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 styles.css

diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..6216264
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,82 @@
+*{
+    margin: 0
+}
+
+html{
+    font-family: 'Gamja Flower', cursive;
+    font-size: 10px
+}
+body{
+    background-color: #fffff2;
+}
+
+header{
+    background-color: #e4572e;
+    text-align: center
+    
+}
+
+header h1{
+    padding:10px;
+    font-family: 'Chelsea Market', cursive;
+    font-size:4rem;
+    text-shadow: 1px 1px 2px #fff;
+    margin: 0 0 10px 0;
+}
+header h2{
+    font-size: 2rem;
+    color: #fff
+}
+main, footer{
+    background-color: #fffff2;
+    margin: 0 auto;
+    max-width:700px;
+}
+
+article h2{
+    font-size: 2rem;
+}
+
+article{
+    font-weight: 300;
+    border: 4px solid #050401;
+    box-shadow: 3px 3px 0 0 #e4572e;
+    margin: 10px 0;
+    overflow: hidden;
+}
+
+article p{
+    font-size: 1.5rem;
+}
+
+img {
+    padding: 5px;
+    float: right;
+}
+
+footer{
+    text-align: center
+}
+
+footer h2{
+    font-size: 2rem;
+    margin-bottom: 5px;
+}
+
+footer p{
+    font-size: 1.5rem;
+    margin-bottom: 5px;
+}
+
+form{
+    display: flex;
+    justify-content: center;
+}
+
+form input{
+    font-family: inherit;
+    padding: 5px;
+    border-radius: 3px;
+    box-shadow: 3px 3px 0 0 #e4572e;
+    margin-right: 10px;
+}
\ No newline at end of file