From 73d3eddc37cc5c6a48f2e78827b140a4ef1af185 Mon Sep 17 00:00:00 2001
From: roryjshelton <76418221+roryjshelton@users.noreply.github.com>
Date: Fri, 28 Apr 2023 23:54:23 -0700
Subject: [PATCH] add component

---
 src/components/Navbar/NavbarStyles.css      |  2 +-
 src/components/P1/Powered/Powered.astro     | 16 +++++
 src/components/P1/Powered/PoweredStyles.css | 65 +++++++++++++++++++++
 src/index.css                               |  1 -
 src/pages/index.astro                       |  2 +
 5 files changed, 84 insertions(+), 2 deletions(-)
 create mode 100644 src/components/P1/Powered/Powered.astro
 create mode 100644 src/components/P1/Powered/PoweredStyles.css

diff --git a/src/components/Navbar/NavbarStyles.css b/src/components/Navbar/NavbarStyles.css
index ecaecab..1dd7fa1 100644
--- a/src/components/Navbar/NavbarStyles.css
+++ b/src/components/Navbar/NavbarStyles.css
@@ -9,7 +9,7 @@ li {
 }
 
 .download-btn-container {
-    color: var(--black);
+    color: var(--black) !important;
     font-family: var(--font-family-jetbrains-mono);
     font-size: var(--font-size-s);
     font-weight: 400;
diff --git a/src/components/P1/Powered/Powered.astro b/src/components/P1/Powered/Powered.astro
new file mode 100644
index 0000000..da4b798
--- /dev/null
+++ b/src/components/P1/Powered/Powered.astro
@@ -0,0 +1,16 @@
+---
+import "./PoweredStyles.css";
+---
+
+<div class="p-l-container">
+    <div class="p-l-wrapper">
+        <h2 class="centered"><br /><br />POWERED BY</h2>
+        <div
+            class="flex-row place-items-center overflow-hidden flex h-auto w-full mb-[1.5vh]"
+        >
+            <div class="sia-logo"></div>
+            <div class="hns-logo"></div>
+            <div class="osi-logo"></div>
+        </div>
+    </div>
+</div>
diff --git a/src/components/P1/Powered/PoweredStyles.css b/src/components/P1/Powered/PoweredStyles.css
new file mode 100644
index 0000000..1623d29
--- /dev/null
+++ b/src/components/P1/Powered/PoweredStyles.css
@@ -0,0 +1,65 @@
+.p-l-wrapper {
+    align-items: center;
+    flex-direction: column;
+    white-space: nowrap;
+    display: flex;
+    width: 100%;
+    margin-left: 50%;
+    margin-right: 50%;
+}
+
+.p-l-container {
+    justify-content: center;
+    align-items: center;
+    overflow: visible;
+    white-space: normal;
+    display: flex;
+}
+
+@media screen and (width <=625px) {
+    .p-l-container {
+        width: 100%;
+        margin-top: 5%;
+        transition: 0.5s;
+        justify-content: center;
+        align-items: center;
+        overflow: visible;
+        display: grid;
+    }
+
+    .p-l-wrapper {
+        margin-left: 0%
+    }
+}
+
+.sia-logo {
+    background-image: url("../../../assets/sia-logo.webp");
+    background-position: 50% 50%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    height: 51.8px;
+    margin-bottom: 8px;
+    object-fit: cover;
+    width: 89.6px;
+}
+
+.hns-logo {
+    background-image: url("../../../assets/hsn-logo.webp");
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: contain;
+    height: 46.2px;
+    margin-left: 5px;
+    object-fit: cover;
+    width: 43.4px;
+}
+
+.osi-logo {
+    background-image: url("../../../assets/osi-logo.webp");
+    background-position: 50% 50%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    height: 70px;
+    margin-left: 18px;
+    width: 58.1px;
+}
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 02048f2..0f5c4dd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -47,7 +47,6 @@ html {
 a,
 a:visited {
   text-decoration: none;
-  color: white;
 }
 
 body {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6281b24..0ac0f0c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,7 @@
 ---
 import Navbar from "../components/Navbar/Navbar.jsx";
 import Header from "../components/P1/Header/Header.astro";
+import Powered from "../components/P1/Powered/Powered.astro";
 import Vision from "../components/P1/Vision/Vision.astro";
 import Whatisweb3 from "../components/P1/Whatisweb3/Whatisweb3.astro";
 import "../index.css";
@@ -27,5 +28,6 @@ import "../index.css";
 		<Header />
 		<Vision />
 		<Whatisweb3 />
+		<Powered />
 	</body>
 </html>