v1.1.0-beta/responsive-style-fixes

website/style.css

@@ -37,10 +37,13 @@ section > .page {
   letter-spacing: 0.2rem;
   transition: all ease-in-out 0.3s;
 }
+.support {
+  margin-top: 2rem;
+}
 .title {
   text-align: center;
   color: #c0f300;
-  font-size: 5rem;
+  font-size: 3rem;
   padding: 1rem 5rem;
   border: 5px solid black;
   border-radius: 5rem;
@@ -142,7 +145,8 @@ footer * {
 footer > div {
   display: flex;
   justify-content: center;
-  align-items: center;
+  align-items: flex-start;
+  flex-direction: column;
   margin-bottom: 15px;
 }
 footer > div > span.full {
@@ -153,7 +157,10 @@ footer mark {
   color: black;
   padding: 2.5px 7px;
 }
-.suport {
+footer > div > span.full {
+  line-height: 2.5rem;
+}
+.support {
   transition: all ease-in-out 0.3s;
 }
 
@@ -163,6 +170,7 @@ footer mark {
   }
   .support {
     display: none;
+    margin-top: 0;
   }
   .support.stickied .cta {
     letter-spacing: 0rem;
@@ -173,6 +181,9 @@ footer mark {
     right: 2rem;
     display: block;
   }
+  .title {
+    font-size: 5rem;
+  }
   .title.stickied {
     position: fixed;
     top: 1rem;
@@ -234,6 +245,14 @@ footer mark {
     display: flex;
     justify-content: center;
   }
+  footer > div {
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 0;
+  }
+  footer > div > span {
+    line-height: initial;
+  }
 }
 @media screen and (max-width: 1360px) and (min-width: 1024px) {
   section[data-page='2'] .page img {