change colour scheme

static/css/custom.css

@@ -1,12 +1,35 @@
+/* COLOURS */
+html, body {
+  border-top: 3px solid #0D76EC;
+}
+div.footer {
+  border-bottom: 5px solid #0D76EC;
+}
+.container a {
+  color: #0D76EC;
+}
+.container a:hover {
+  color: #12437A;
+}
+div.container.links .label-success {
+  background-color: rgba(92, 139, 184, 0.6);
+}
+div.container h1 {
+  font-weight: bold;
+  color: #0D76EC;
+}
+
+/* Avoid scrollbar jumps in centering 
+ * see https://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
+ */
+html { 
+  margin-left: calc(100vw - 100%);
+}
+
+
 div.avatar img {
   max-height: 190px;
 }
-
-div.container h1 {
-  font-weight: bold;
-  color: #27A822;
-}
-
 .panel {
   box-shadow: none;
   -webkit-box-shadow: none;
@@ -28,9 +51,7 @@ div.contact p {
 }
 
 /* transparency of tags */
-div.container.links .label-success {
-  background-color: rgba(92, 184, 92, 0.6);
-}
+
 
 /* Scale social icons with hovering */
 .social-links li a {