v1.7.3/firefox support

website/styles/extralarge.css

@@ -40,3 +40,29 @@ body {
 .donate.card-grid .support-card {
   display: inline-block !important;
 }
+
+.text-section .info {
+  width: 100%;
+  max-width: 150rem;
+  position: relative;
+}
+
+.text-section .info .info-text {
+  display: flex;
+  width: 100%;
+}
+
+.text-section .info .info-text > * {
+  flex: 1;
+}
+
+.text-section .info .info-text .sub-title {
+  margin-top: 2.5rem;
+  margin-right: 6rem;
+}
+
+.info {
+  width: 70rem;
+  max-width: 70rem;
+  display: inline-table;
+}

website/styles/extrasmall.css

@@ -141,7 +141,7 @@ body {
   border-radius: 20rem;
   color: var(--color-primary);
   padding: 2.5rem 5rem;
-  margin: 10rem 0rem;
+  margin: 2.5rem 0;
   max-width: 100%;
   text-align: center;
   font-size: 2.8rem;
@@ -149,6 +149,15 @@ body {
   letter-spacing: 2px;
 }
 
+.heading .big-button {
+  margin-top: 10rem;
+}
+
+.heading .big-button:last-of-type {
+  margin-top: 0;
+  margin-bottom: 10rem;
+}
+
 a.big-button::after {
   color: var(--color-primary);
 }
@@ -228,6 +237,8 @@ a.big-button::after {
 .card-grid {
   max-height: fit-content;
   margin-bottom: 10rem;
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-secondary) var(--color-tertiary);
 }
 
 .card-grid::-webkit-scrollbar {

website/styles/large.css

@@ -23,12 +23,6 @@ body {
   max-width: max-content;
 }
 
-.info {
-  width: 70rem;
-  max-width: 70rem;
-  display: inline-table;
-}
-
 .info.alert {
   padding-top: 0;
   max-width: calc(100% - 12.5rem) !important;
@@ -121,23 +115,3 @@ footer .end-line .underlink:first-of-type {
 footer .end-line .underlink:not(:last-of-type) {
   margin-right: 2.5rem;
 }
-
-.text-section .info {
-  width: 100%;
-  max-width: 150rem;
-  position: relative;
-}
-
-.text-section .info .info-text {
-  display: flex;
-  width: 100%;
-}
-
-.text-section .info .info-text > * {
-  flex: 1;
-}
-
-.text-section .info .info-text .sub-title {
-  margin-top: 2.5rem;
-  margin-right: 6rem;
-}

website/styles/medium.css

@@ -31,7 +31,13 @@ a.title {
 }
 
 .big-button {
+  display: inline-block;
   font-size: 1.8rem;
+  margin: 10rem 0rem;
+}
+
+.heading .big-button:not(:last-of-type) {
+  margin-right: 5rem;
 }
 
 .bubble.right {
@@ -42,6 +48,34 @@ a.title {
   margin-left: 0rem;
 }
 
+.info {
+  display: inline-block;
+  max-width: calc(50% - 3rem);
+}
+
+.heading + .overlap .info:first-of-type {
+  margin-right: 3rem;
+}
+
+.text-section .info {
+  max-width: 100%;
+  margin-right: 0;
+}
+
+.text-section .info .info-text {
+  display: flex;
+  flex-direction: row;
+}
+
+.text-section .info .info-text * {
+  flex: 1;
+}
+
+.text-section .info .info-text h4.sub-title {
+  margin-top: 3rem;
+  padding-right: 3rem;
+}
+
 .link-list .underlink {
   width: fit-content;
 }