fix mobile search field

src/components/Home.jsx

@@ -12,20 +12,20 @@ const Home = () => {
           </Link>
         </Logo>
       </Header>
-      <Search>
-        <form>
-          <input type="text" placeholder="board.eth" />
-          <input type="submit" value="Search" />
-        </form>
-      </Search>
       <Page>
+        <Search>
+          <form>
+            <input type="text" placeholder="board.eth" />
+            <input type="submit" value="Search" />
+          </form>
+        </Search>
         <About>
           <AboutTitle>
             <h2>What is plebchan?</h2>
           </AboutTitle>
           <AboutContent>
             <div id="content">
-              <p>Plebchan is a serverless, adminless, decentralized 4chan alternative that lives on  the <a href="https://plebbit.net" target="_blank" rel="noreferrer">plebbit protocol</a>. Users do not need to register an account before participating in the community; anyone can post comments, share image links and even create a board. Search for any board address above, or feel free to click on a popular board below that interests you and jump right in! </p>
+              <p>Plebchan is a serverless, adminless, decentralized 4chan alternative that uses the <a href="https://plebbit.net" target="_blank" rel="noreferrer">plebbit protocol</a>. Users do not need to register an account before participating in the community; anyone can post comments, share image links, and create a board. Search for any board address above, or feel free to click on a popular board below that interests you and jump right in! </p>
               <br />
               <p>There are no global rules, each board is completely independent and their owners decide how they should be moderated.</p>
             </div>

src/components/styled/Home.styled.jsx

@@ -66,6 +66,30 @@ export const Search = styled.div`
     margin-left: 5px;
   }
 
+  @media only screen and (max-width: 480px) {
+    text-align: center;
+
+    input[type="text"] {
+      width: 80%;
+      height: 35px;
+      font-size: 20px;
+      padding: 5px;
+      box-sizing: border-box;
+      -webkit-appearance: none;
+      -webkit-border-radius: 0;
+      border-radius: 0;
+    }
+    
+    input[type="submit"] {
+      height: 35px;
+      font-size: 14px;
+      padding: 5px;
+      box-sizing: border-box;
+      vertical-align: top;
+      width: 60px;
+    }
+  }
+
 `;
 
 export const Page = styled.div`