From e51580c38b892dfc94c276454f4d8fe03267fac2 Mon Sep 17 00:00:00 2001
From: rouce <interfacing@myco.systems>
Date: Tue, 5 Sep 2023 12:31:03 -0400
Subject: [PATCH] update

---
 public/index.html |  6 +++---
 public/styles.css | 29 +++++++++++++++++++++++++++--
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index c73428f..f189244 100644
--- a/public/index.html
+++ b/public/index.html
@@ -55,19 +55,19 @@
                 </div>
 		<div class="section-button-green">
 		  <div class="section-button-title-logo">
-		    <img src="logo.png" alt="Client site logo">
+		    <img style="width:256px;" src="icons/blue/android-chrome-512x512.png" alt="Client site logo">
 		    <h1>web.myco.systems</h1>
 		  </div>
 		  <div class="section-button-body">
 		    <h3>Hey there! Join us at Web.Myco.Systems - Your Gateway to Open-Source!</h3>
 		    <p style="font-weight: 500;" >Our client portal isn't just about transactions; it's about building a relationship that caters specifically to your requirements. Explore our services, containerized stacks, personal cloud support, or just send us an email so we can get in touch!</p>
-		    <p>Explore:</p>
 		  </div>
 		  <div class="section-button-footer">
+            <p class="span-three-columns">Explore:</p>
 		    <button class="client-button">Services</button>
 		    <button class="client-button">Showcase</button>
 		    <button class="client-button">Stacks</button>
-		    <div class="button-text-footer">
+		    <div class="span-three-columns button-text-footer">
 		      <p>Footer text goes here.</p>
 		    </div>
 		  </div>
diff --git a/public/styles.css b/public/styles.css
index 55e163e..41476f8 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -116,16 +116,41 @@ body{
   gap: 10px;
 }
 
+.section-button-title-logo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.section-button-body {
+  display: flex;
+  flex-direction: column;
+  gap: 25px;
+  text-align: left;
+  vertical-align: top;
+  height: 100%;
+  padding-top: 3.5rem;
+  padding-bottom: 2.5rem;
+}
+
+.span-three-columns {
+  grid-column: span 3;
+}
+
+.button-text-footer {
+  text-align: center;
+}
+
 .client-button {
   padding: 5px;
   border-radius: 5px;
-  background-color: #50526e;
+  background-color: #87a3a2;
   width: 100%;
   font-weight: 700;
 }
 
 .client-button:hover {
-  background-color: #3a3d50;
+  background-color: #536f6c;
   cursor: pointer;
 }