diff --git a/common/common.scss b/common/common.scss
index a36a90e..4fbc258 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -731,12 +731,76 @@ html body #main-outlet {
// Footer
.orcashub-footer {
+ background-color: rgb(31 41 55/1);
+
+ .outer-container {
+ max-width: 80rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 3rem 1.5rem;
+ }
+
+ .inner-container {
+ padding-bottom: 2rem;
+
+ @media (min-width: 1280) {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 2rem;
+ }
+ }
+
+ .grid {
+ display: grid;
+ gap: 2rem;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+
+ @media (min-width: 1280) {
+ grid-column: span 4/span 4;
+ }
+ }
+
+ .grid-row {
+ @media (min-width: 768px) {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 2rem;
+ }
+ }
+
+ .second-group {
+ margin-top: 3rem;
+
+ @media (min-width: 768px) {
+ margin-top: 0;
+ }
+ }
+
+ h3 {
+ color: white;
+ font-size: 1rem;
+ font-weight: 500;
+ line-height: 1.5rem;
+ }
+
ul {
margin: 0;
}
- a:visited {
- // I couldn't get this to work with normal tailwind classes.
- color: rgb(209 213 219/var(--tw-text-opacity)) !important;
+ li {
+ a {
+ color: rgb(209 213 219/var(--tw-text-opacity));
+ font-size: 1rem;
+ line-height: 1.5rem;
+ }
+
+ a:hover {
+ color: white;
+ }
+
+ a:visited {
+ color: rgb(209 213 219/var(--tw-text-opacity)) !important;
+ }
}
+
}
\ No newline at end of file
diff --git a/common/footer.html b/common/footer.html
index 0547bb4..7b06eca 100644
--- a/common/footer.html
+++ b/common/footer.html
@@ -1,70 +1,42 @@
-
-
-