add images and global css to be used later in the website

src/components/Search.js

@@ -2,7 +2,9 @@ import React from 'react';
 class Search extends React.Component{
 render(){
   return(
-   'hello Search!'
+    <form action="" method="POST">
+
+    </form>
   )
 }
 }

src/stylesheets/style.css

@@ -1,13 +1,10 @@
+/* globals */
 * {
     box-sizing: border-box;
     margin: 0px;
     border: 0px;
 }
 
-:root {
-    --858-light-gray-color: #ebebeb;
-}
-
 /* fonts */
 @font-face {
     font-family: 'Fedra Arabic';
@@ -35,6 +32,19 @@
     url('../assets/fonts/Interstate-Bold.bmap') format('bmap');
 }
 
+.arabic-text {
+    font-family: "Fedra Arabic", serif;
+}
+
+.english-text {
+    font-family: interstate, serif;
+}
+
+/* variables */
+:root {
+    --858-light-gray-color: #ebebeb;
+}
+
 /* header */
 header {
     padding-top: 1em;
@@ -50,5 +60,5 @@ header {
     right: 0;
     top: 0;
     padding: 2em;
-    font-family: majalla, serif;
 }
+/* search */