first commit

2024-01-11 18:24:41 -06:00
commit 4c1fb67383
103 changed files with 29954 additions and 0 deletions
--- a/src/styles/howTo-page.scss
+++ b/src/styles/howTo-page.scss
@@ -0,0 +1,85 @@
+.doc-list-header {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 25px 0px;
+  background-color: #e6e6e653;
+  border-radius: 10px;
+  height: 85px;
+  padding: 0px 0px 0px 16px;
+}
+
+.doc-header-text {
+  margin-bottom: -7px !important;
+  margin-left: 6px;
+  letter-spacing: -0.6px;
+  font-weight: 400;
+}
+
+.user-name-container {
+  margin-top: 8px;
+  margin-left: 7px;
+  color: var(--font-light);
+  font-weight: 500;
+}
+
+.how-to-info-container {
+  .how-to-info-wrapper {
+    margin-top: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .how-to-image-wrapper {
+    display: flex;
+    max-width: 1100px;
+    height: 100%;
+    background-color: var(--haq-blue); //#e6e6e653;
+    border-radius: 10px;
+    align-items: center;
+    justify-content: center;
+    border-radius: 20px;
+  }
+
+  .how-to-info-svg {
+    padding: 30px 30px;
+    width: 80%;
+    height: 0%;
+    border-radius: 40px;
+  }
+
+  .how-to-steps-container {
+    margin: 5px 20px;
+  }
+  .steps-wrapper {
+    display: flex;
+    flex-direction: column;
+    margin: 25px 0px;
+    background-color: #e6e6e653;
+    border-radius: 10px;
+    padding: 16px 38px 16px 25px;
+    text-align: justify;
+
+    strong {
+      font-weight: 500;
+    }
+    ol {
+      li {
+        margin-bottom: 14px;
+      }
+    }
+
+    .doc-header-text {
+      margin-bottom: 16px !important;
+      margin-left: 0px;
+      letter-spacing: -0.6px;
+      font-weight: 400;
+    }
+
+    .steps-p {
+      margin-bottom: 14px;
+      padding: 0px 14px;
+    }
+  }
+}