Ribbon covers hamburger menu fixes #359 (#360)

* Add hover effect to footer icon fixes #344

* Changed the hover effect also added it to the participant card

* Changed transition time and transition scale

* Added sticky github icon instead of ribbon fixes #359

* Added ribbon back

* Fixed responsive issue and vertical scroll

* Solved few more conflicts

Author: anupm12

css/main.css

@@ -4,29 +4,31 @@
  * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-4-col-portfolio/blob/master/LICENSE)
  */
 
-body{
-  overflow-x:hidden;
+
+html,body
+{
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    overflow-x: hidden; 
 }
 
 
- .overlapissue
- {
-   
-   z-index:1;!important
+ .overlapissue{ 
+   z-index: 1 !important;
  }
 
 
 
 .header {
   position: fixed;
   top: 79px;
-  
   width: 100%;
   background-color: #f1f1f1;
 }
 
 
-
 .progress-container {
   width: 100%;
   height: 5px;
@@ -40,12 +42,6 @@ body{
 }
 
 
-
- body {
-  margin: 0;
-  padding: 0;
-}
-
 #mainNav {
   padding: 1em 0;
 
@@ -694,4 +690,68 @@ input:checked + .slider:before {
 .fas:hover {
   transform: scale(1.2);
   transition-duration: 0.4s;
+}
+
+
+/* sticky github */
+.sticky-container{
+  padding: 0px;
+  margin: 0px;
+  position: fixed;
+  right: -100px;
+  top: 200px;
+  width: 192px;
+}
+
+.sticky li{
+  text-align: left;
+  list-style-type: none;
+  background-color: #343A40;
+  color: #efefef;
+  height: 40px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+  -webkit-transition: all 0.40s ease-in-out;
+  -moz-transition: all 0.40s ease-in-out;
+  -o-transition: all 0.40s ease-in-out;
+  transition: all 0.40s ease-in-out;
+  cursor: pointer;
+}
+
+.sticky li:hover{
+  margin-left: -30px;
+}
+
+.sticky li a{
+  text-decoration: none;
+  color: white;
+  font-size: 20px;
+}
+
+.fab-c {
+  margin: 10px !important;
+}
+
+/* .fab-c:hover {
+  transition: none;
+  transform: none;
+} */
+
+.sticky-github {
+  display: none;
+}
+
+@media screen and (max-width: 991px) {
+  .github-fork-ribbon {
+    display: none !important;
+  }
+
+  .sticky-github {
+    display: inline;
+  }
+} 
+
+.border-heading {
+  display: block;
+  border-bottom: 2px solid gray;
 }