Added CSS Styling

alvaalvarez_reading/static/style.css

 * {
-    font-family: Helvetica;
+    font-family: Arial, sans-serif;
     line-height: 1.5em;
 }
 
@@ -13,20 +13,17 @@ hr {
 }
 
 a {
-    color: #206BA4;
+  color: #8ab5d8;
   text-decoration: none;
-  }
+  transition: color 0.2s ease-in-out;
+}
 
 a:hover {
-    color: #BBD9EE;
-    font-weight: bold;
-    text-decoration: none;
+  color: #7f1414;
 }
 
 a:visited {
-    color: #51146b;
-    font-weight: bold;
-    text-decoration: underline;
+  color: #6b8e23;
 }
 
 h1 {
@@ -50,5 +47,104 @@ ul li {
 }
 
 button {
-    margin: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+form {
+    font-size: 16px;
+}
+
+
+form p {
+    display: flex;
+    align-items: top;
+}
+
+form label {
+    display: inline-block;
+    float: left;
+    clear: left;
+    width: 150px;
+    text-align: right;
+    margin-right: 20px;
+    display: block;
+    margin-bottom: 5px; 
+    font-weight: 750;
+    color: #555; /* Set font color */
+}
+
+form input {
+    border: 2px solid #ccc; 
+    border-radius: 4px; 
+    padding: 10px; 
+    width: 400px; 
+    box-sizing: border-box; 
+    background-color: #f8f8f8; 
+    margin-bottom: 10px; 
+    color: #555; 
+    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+form input:focus {
+    outline: none; 
+    border-color: #7f1414; 
+    box-shadow: 0 0 5px #7f1414; 
+}
+
+form select {
+    appearance: none;
+    background-color: #f8f8f8;
+    border: 2px solid #ccc; 
+    border-radius: 4px;
+    color: #555; 
+    padding: 10px; 
+    width: 400px; 
+    box-sizing: border-box;
+    margin-bottom: 10px;
+    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  }
+  
+form select:focus {
+    outline: none; 
+    border-color: #7f1414; 
+    box-shadow: 0 0 5px #7f1414; 
+}
+
+form textarea {
+    border: 2px solid #ccc; 
+    border-radius: 4px; 
+    padding: 10px; 
+    width: 400px; 
+    height: 150px; 
+    box-sizing: border-box; 
+    background-color: #f8f8f8; 
+    margin-bottom: 10px; 
+    color: #555; 
+    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  }
+  
+form textarea:focus {
+    outline: none; 
+    border-color: #7f1414; 
+    box-shadow: 0 0 5px #7f1414;
+  }
+
+form button {
+  background-color: #8ab5d8; 
+  border-radius: 4px;
+  color: #fff; 
+  font-size: 16px; 
+  padding: 10px 20px; 
+  margin-top: 10px;
+  transition: background-color 0.2s ease-in-out;
+}
+
+form button:hover {
+  background-color: #7f1414; 
+}
+
+form button:active {
+  background-color: #7f1414; 
+  transform: translateY(4px); 
 }
\ No newline at end of file