changed looks of footer buttons, and how the copyright text is placed

static/css/style.css

@@ -119,9 +119,14 @@ footer{
 
 .help-button-footer{
   padding: 10px;
-  background: white;
+  background: #1e88e5;
   border-radius: 2px;
-  color:#2d2d2d;
+  color:white;
+  width:200px;
+}
+
+#footer-buttons li{
+  padding-top:10px;
 }
 
 footer.page-footer,
@@ -199,6 +204,10 @@ nav .brand-logo{
   background-color: #38803C !important;
 }
 
+.footer-copyright{
+  text-align: center;
+}
+
 .footer-copyright a { color: #fff;}
 .footer-copyright a:hover{color:#6699FF}
 
@@ -317,7 +326,7 @@ hide mdi-action-visibility mdi-action-visibility-off
 #latest-commit{
 	font-size: 12px !important;
   padding-left: 15px !important;
-  padding-top: 40px !important;
+  /*padding-top: 40px !important;*/
 }
 
 #latest-commit a{
@@ -572,6 +581,17 @@ hide mdi-action-visibility mdi-action-visibility-off
   float:left;
 }
 
+.video-container{
+  -webkit-transition: opacity 0.5s;
+  -moz-transition: opacity 0.5s;
+  -o-transition: opacity 0.5s;
+  transition: opacity 0.5s;
+}
+
+.no-opacity{
+  opacity:0;
+}
+
 .suggest_bar {
   /*margin-left:5px !important;*/
   color:rgb(68,68,68);