Rename default CSS file

index.html

@@ -5,7 +5,7 @@
         <meta name="keywords" content="yeet">
         <meta name="author" content="Thomas Wade">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="styles/stylesheet.css">
+        <link rel="stylesheet" href="styles/default.css">
         <title ng-controller="header">{{heading}}</title>
         <script src="scripts/angular.min.js" type="application/javascript"></script>
         <script src="scripts/angular-route.min.js" type="application/javascript"></script>

styles/default.css

@@ -0,0 +1,40 @@
+html,
+body,
+.rootContainer
+{
+    font-family: Arial, Helvetica, sans-serif;
+
+    margin: 0; /* Override the default page border */
+    padding: 0;
+
+    color: #000;
+    background-color: #fff;
+}
+
+.centreContainer
+{
+    width: 800px;
+    min-height: 100vh;
+}
+
+.headerContainer
+{
+    line-height: 100px;
+
+    width: 100%;
+    height: 100px;
+
+    vertical-align: middle;
+}
+
+.title
+{
+    font-size: 40pt;
+
+    height: 100%;
+}
+
+.tagline
+{
+    height: 50px;
+}