change color & use legency ssl

Author: ryosukeeeeee

package.json

@@ -38,7 +38,7 @@
     "url": "^0.11.0"
   },
   "scripts": {
-    "start": "react-app-rewired start",
+    "start": "react-app-rewired --openssl-legacy-provider start",
     "build": "react-app-rewired build && rm -rf docs && mv build docs",
     "serve": "serve -s docs -l 4000",
     "test": "react-app-rewired test",

src/Homepage.tsx

@@ -137,7 +137,10 @@ class Homepage extends Component<IProps, IState> {
                   href="https://www.fsf.org/"
                   target="_blank"
                   size="huge"
-                  color="teal"
+                  style={{
+                    color: '#F8F5D6',
+                    backgroundColor: '#80D1C8',
+                  }}
                 >
                   Check Them Out
                 </Button>
@@ -228,7 +231,10 @@ class Homepage extends Component<IProps, IState> {
               target="_blank"
               size="large"
               rel="noreferrer"
-              color="teal"
+              style={{
+                color: '#F8F5D6',
+                backgroundColor: '#80D1C8',
+              }}
             >
               Read More
             </Button>
@@ -264,7 +270,10 @@ class Homepage extends Component<IProps, IState> {
               href="https://github.com/ArchLinuxStudio/blockchain-election-sample"
               target="_blank"
               size="large"
-              color="teal"
+              style={{
+                color: '#F8F5D6',
+                backgroundColor: '#80D1C8',
+              }}
             >
               Learn More
             </Button>
@@ -280,7 +289,10 @@ class Homepage extends Component<IProps, IState> {
               href="https://github.com/ArchLinuxStudio/blockchain-election-react"
               target="_blank"
               size="large"
-              color="teal"
+              style={{
+                color: '#F8F5D6',
+                backgroundColor: '#80D1C8',
+              }}
             >
               Learn More
             </Button>

src/HomepageHeading.tsx

@@ -48,6 +48,10 @@ class HomepageHeading extends Component<IProps, IState> {
           target="_blank"
           primary
           size="huge"
+          style={{
+            color: '#F8F5D6',
+            backgroundColor: '#80D1C8',
+          }}
         >
           Github
           <Icon name="arrow right" />