From 06a1a44b31b2d4fa5c1c7152ec4036dc0e8b97d6 Mon Sep 17 00:00:00 2001
From: mikwee <mikwee@protonmail.ch>
Date: Mon, 8 Nov 2021 16:56:33 +0200
Subject: [PATCH] Styling the Twitter & GitHub buttons

---
 src/App.js            |  2 +-
 src/styles/roots.scss | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index a0e8fe7..ca8d852 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,7 +11,7 @@ function App() {
     <div className="App">
       <h1 id="title">{data.title}</h1>
       <div id="container">
-        <Button id="facebook" variant="primary">Facebook</Button>
+        <Button id="github" variant="primary">Facebook</Button>
         {/*{data.links.map((rootDetail, index)=>{
           if(rootDetail.type == "facebook") {
             res = <AwesomeButton className="roots"></AwesomeButton>
diff --git a/src/styles/roots.scss b/src/styles/roots.scss
index 36cb65e..a6da23e 100644
--- a/src/styles/roots.scss
+++ b/src/styles/roots.scss
@@ -1,5 +1,18 @@
 $btn-border-radius: 25px;
+$btn-border-width: 0px;
+
 #facebook {
     background-color: #1877f2;
 }
+#instagram {
+    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
+}
+#twitter {
+    background-color: #1da1f2;
+}
+#github {
+    background-color: #fafafa;
+    color: #333;
+}
+
 @import "./node_modules/bootstrap/scss/bootstrap.scss";
\ No newline at end of file