feat: merged in css from the almnui renew page/repo https://gitlab.skynet.ie/compsoc1/skynet/website/alumni-renew

src/stylesheets/index.css

@@ -1,28 +1,75 @@
-/* General styling */
+
+html {
+  background: #008B8B url(../images/backgroundsharkycoin.png);
+  -webkit-font-smoothing: antialiased;
+}
+
 body {
-    background-image: url(../images/backgroundsharkycoin.png);
-    text-align: center;
+  text-align: center;
+  background: #008B8B;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
+  color: #F0FFFF;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  margin: 0 auto;
+  max-width: 800px;
+  padding: 2em 2em 4em;
+}
+
+h1, h2 {
+  color: #F0FFFF;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.p1 {
+  color: #FFFF00
 }
 
 /* Title bar */
-#title {
-    display: inline-flex;
-    background-color: white;
-    height: auto;
+header {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: auto;
 }
 
-#title img {
-    float: left;
+header img {
+  float: left;
 }
 
 .boxes {
-    display: -moz-flex;
-    background-color: #008B8B;
-    margin-left: 20%;
-    margin-right: 20%;
-    margin-bottom: 3%;
+  display: -moz-flex;
+  background-color: #008B8B;
+  margin-left: 20%;
+  margin-right: 20%;
+  margin-bottom: 3%;
 }
 
 #table {
-    display: inline;
+  display: inline;
+}
+
+
+/*
+Sticky Footer
+https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers
+*/
+html, body {
+  box-sizing: border-box;
+  height: 100%;
+}
+.wrapper {
+  box-sizing: border-box;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.page-header, .page-footer {
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+.page-body {
+  flex-grow: 1;
 }