1 files changed, 108 insertions, 0 deletions
diff --git a/src/styles/pages/_partner.scss b/src/styles/pages/_partner.scss
new file mode 100644
index 0000000..34a075d
--- /dev/null
+++ b/src/styles/pages/_partner.scss
@@ -0,0 +1,108 @@
+.page.partners {
+
+  .header {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-areas: "logo title" "logo website";
+    align-items: center;
+
+    .card {
+      background-color: ghostwhite;
+      grid-area: logo;
+      height: 8em;
+      width: 12em;
+      padding: .25em;
+      margin-right: 1em;
+      box-shadow: .125em .125em .25em rgba(0, 0, 0, .5);
+
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      & > * {
+        max-width: 100%;
+        max-height: 100%;
+        object-fit: contain;
+        object-position: 50% 50%;
+      }
+    }
+
+
+    h1 {
+      grid-area: title;
+      align-self: end;
+      font-size: 2.5em;
+    }
+
+    a {
+      grid-area: website;
+      align-self: start;
+    }
+  }
+
+  .content {
+
+    img {
+      max-width: 25vw;
+      background: ghostwhite;
+    }
+  }
+
+  .why {
+  }
+
+  .socials {
+    ul {
+      margin: 0;
+      list-style: none;
+      padding-left: 0;
+      display: flex;
+      align-items: center;
+      font-size: 2em;
+
+      li {
+        margin: .25em;
+      }
+    }
+  }
+
+  .jobs {
+    ul {
+      margin: 0;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      list-style: none;
+      padding-left: 0;
+
+      .job {
+        padding: .5em;
+        margin: .5em;
+        box-shadow: .125em .125em .25em rgba(0, 0, 0, .5);
+        display: flex;
+        flex-direction: column;
+
+        header {
+          font-size: 1.1em;
+          font-weight: bold;
+          font-style: italic;
+          margin: .5em 0;
+        }
+
+        .city, .contact {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          color: #666;
+          margin: .25em 0;
+
+          .icon {
+            width: 2ch;
+          }
+        }
+
+
+      }
+    }
+  }
+}