fixed button text over flow, repaired partioning background

Author: Dialloousman

.DS_Store

@@ -1,3 +1,5 @@
 node_modules
 .eslintrc.js
-package-lock.json
+package-lock.json
+settings.json
+.DS_Store

.gitignore

@@ -1,7 +1,11 @@
+html {
+  /* prevent the gradient from repeating past the visible section*/
+  min-height: 100%
+}
+
 body {
-  background-color: #333;
-  background: rgb(25,0,36);
-background: linear-gradient(135deg, rgba(25,0,36,1) 0%, rgb(68, 68, 68) 0%, rgb(29, 29, 29) 100%);
+  /* background-color: #333; Original background*/
+  background: linear-gradient(135deg, rgba(25,0,36,1) 0%, rgb(68, 68, 68) 0%, rgb(29, 29, 29) 100%);
 }
 
 img {
@@ -44,9 +48,12 @@ img {
 }
 
 .servicesBtn {
-  background-color: rgb(255, 206, 9);
-  width: 100px;
+  background-color: rgb(255, 206, 9); 
+  width: 13em;
+  word-wrap: break-word;
   font-size: 13px;
+  text-align: center;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border: none;
   height: 50px;
   transition: 0.2s;