Fix(UI): Reskin with milder colour theme and improved spacing in layout..

static/css/pages/core/admin_home.css

@@ -1,5 +1,5 @@
 #pageBody > .card:first-of-type {
-    width: 80%;
+    width: min(80vw, 500px);
 }
 
 .container.row {

static/css/pages/core/contact.css

@@ -11,15 +11,19 @@
     font-size: min(16px, calc(1vh * 4));
 }
 
+#pageBody > .card {
+    max-width: min(80vw, 1000px);
+}
+
 #email {
     /* min-width: 40vw; */
-    width: 40vw;
+    width: min(40vw, 500px);
 }
 #name {
-    width: 50vw;
+    width: min(50vw, 625px);
 }
 #message {
-    width: 60vw;
+    width: min(60vw, 750px);
 }
 
 input, textarea {

static/css/pages/core/home.css

@@ -12,6 +12,15 @@
     margin-bottom: 35vh;
 }
 
+.home-hero {
+
+}
+
+.home-hero-title {
+    font-size: 24px; 
+    font-weight: normal;
+}
+
 .img-demo {
     max-width: 50%;
     min-width: 500px;

static/css/pages/core/services.css

@@ -1,7 +1,16 @@
 #pageBody > .card {
     padding-left: 5vw;
     padding-right: 5vw;
-    max-width: 80vw;
+    max-width: min(80vw, 1000px);
+}
+
+#pageBody > .card.services {
+    max-width: min(80vw, 690px);
+}
+#pageBody > .card.technologies {
+}
+#pageBody > .card.faq {
+    max-width: min(80vw, 1250px);
 }
 
 #pageBody .card h1,