background und button color geändert

ui/app/components/Jumbo.jsx

@@ -8,32 +8,34 @@ const Jumbo = ({
 }) => (
   <div class='row'>
     <div class='col-lg-12'>
-      <div id='branding' class=''>    
-        <img src={logo} alt='Main Logo'/>
+      <div id='branding' class=''>
+        <img src={logo} alt='Main Logo' />
         <h1>
           {brand}
           <br />
           <small>{slogan}</small>
         </h1>
 
         {
-           <h4>{tagline}</h4>
+          <h4>{tagline}</h4>
         }
 
         <div id='actions'>
-          <a class='btn'
+          <a class='btn' 
+            id ='githubBtn'
             target='_blank'
             href='http://github.com/proofofexistence/proofofexistence'
-            style={{ marginRight: '.5em' }}
-            >
-              Fork on Github
+            style={{ marginRight: '.5em', backgroundColor: '#14d7ce', border: 'none', color: 'white', font: 'bold' }}
+          >
+            Fork on Github
           </a>
           <a class='btn btn-primary'
+            id='docsBtn'
             target='_blank'
             href='http://docs.proofofexistence.com'
-            style={{ marginLeft: '.5em' }}
-            >
-              Read the docs
+            style={{ marginLeft: '.5em', backgroundColor: '#c847ff', border: 'none', color: 'white', font: 'bold'  }}
+          >
+            Read the docs
           </a>
         </div>
       </div>

ui/public/theme/style.css

@@ -9,6 +9,18 @@ h1, h3, h4, div, p, a, td, span, body {
   font-family: 'Barlow', sans-serif;
 }
 
+body {
+  margin: 0px;
+  padding:0px;
+  min-height: 100vh;
+  background: linear-gradient(to right, rgba(222, 167, 233, 0) 20%,
+  #d5d4fe); 
+  background-repeat: no-repeat;
+  background-position-x: right;
+
+  background-position-y: center;
+}
+
 #navbar {
   position: sticky;
   top: 0px;
@@ -28,6 +40,14 @@ h1, h3, h4, div, p, a, td, span, body {
   margin: 5px;
 }
 
+.actions {
+  font-weight: 600;
+  font:bolder;
+}
+
+.githubBtn {
+  background-color: #14d7ce;
+}
 
 .badge-chain {
   text-transform: uppercase;