Applied CSS formatting to homepage and new pages

gabigarrero_reading/bookshelf/templates/bookshelf/home.html

@@ -14,9 +14,9 @@
         <a class = "flex-items" href = '/authors/'>Authors</a>
     </div>
 
-    <div class = "add-links">
-        <a class = "flex-items" href = '/books/add'>Add Book</a>
-        <a class = "flex-items" href = '/authors/add'>Add Author</a>
+    <div class = "links-add">
+        <a class = "flex-items-add"  href = '/books/add'>Add Book</a>
+        <a class = "flex-items-add"  href = '/authors/add'>Add Author</a>
     </div>
     
 {% endblock %}
\ No newline at end of file

gabigarrero_reading/static/styles.css

@@ -42,7 +42,19 @@ p {
 }
 
 .flex-items {
-    width: 100px;
+    width: 200px;
+    text-align: center;
+}
+
+.links-add {
+    padding-top: 10%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.flex-items-add {
+    width: 200px;
     text-align: center;
 }
 
@@ -66,4 +78,22 @@ a:hover {
 a:active {
     color: #ffa31a;
     text-decoration: none;
+}
+
+/* Forms */
+input {
+    padding: 5px;
+    background-color: #ffa31a;
+    border: none;
+    border-radius: 10px;
+    height: 10%;
+    width: 50%;
+    display: block;
+    margin: 0 auto;
+    color: white;
+    font-size: 0.75rem;
+}
+
+input[type = submit] {
+    font-size: 0.75rem;
 }
\ No newline at end of file