Update text formatting in Legacy Lab promo

Update text formatting in the Legacy Lab promotion on the sign in/sign up
screen. This includes reducing font sizes and converting them to `rem`
units, adjusting margins, using standard bullet points, and color
adjustments.

Co-authored-by: Han Pham <han@permanent.org>

Author: meisekimiu

src/app/auth/components/auth/auth.component.scss

@@ -138,65 +138,45 @@
 }
 
 .legacy-lab-text {
-  .header,
-  p,
-  a {
-    color: white;
-  }
+  color: white;
 
   .start-date,
-  li {
+  a {
     color: #ff9933;
   }
 
   .header {
-    font-size: 100px;
+    font-size: 2.5rem;
     font-weight: bold;
     font-family: 'UsualBold', sans-serif;
   }
 
   .start-date {
     font-weight: bold;
-    margin-bottom: 30px;
-    font-size: 60px;
+    margin-bottom: 2rem;
+    font-size: 1.5rem;
     font-family: 'UsualBold', sans-serif;
   }
 
   p {
-    font-size: 40px;
-    width: 750px;
+    font-size: 1rem;
+    width: 60%;
     font-family: 'UsualRegular', sans-serif;
-    margin-bottom: 40px;
-    @media screen and (max-width: 1200px) {
-      font-size: 30px;
-      width: 500px;
-    }
   }
 
   a {
-    font-size: 40px;
+    font-size: 1rem;
     font-style: italic;
     font-weight: bold;
     font-family: 'UsualBold', sans-serif;
   }
 
   ul {
-    margin-left: 50px;
-    list-style: none;
-    margin-bottom: 40px;
+    margin-bottom: 2rem;
 
     & > li {
-      font-size: 40px;
       font-family: 'UsualRegular', sans-serif;
       position: relative;
-      margin-bottom: 20px;
-
-      &::before {
-        content: '-';
-        position: absolute;
-        left: -15px;
-        color: #fff;
-      }
     }
   }
 }