From 528a58fd504c4359dc5f92d7ad31a1afa1986b1e Mon Sep 17 00:00:00 2001
From: Ayushya Amitabh <ayushya.amitabh@publicissapient.com>
Date: Fri, 15 May 2020 17:55:20 -0400
Subject: [PATCH] v1.1.0-beta/website-final

---
 website/beta.html |  4 ++--
 website/style.css | 50 ++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/website/beta.html b/website/beta.html
index ac68354..d2e67f1 100644
--- a/website/beta.html
+++ b/website/beta.html
@@ -20,7 +20,7 @@
     <link rel="stylesheet" type="text/css" href="style.css" />
     <title>Watch Party | Beta</title>
   </head>
-  <body>
+  <body class="beta-body">
     <script>
       window.onload = function () {
         let originalTitlePosition = null;
@@ -65,7 +65,7 @@
           form="https://docs.google.com/forms/d/e/1FAIpQLSfhGxX7rJ4gNEYuQsx_wgg0GJqJq9XRWlgbpMZCrK14iPyuZA/viewform?embedded=true"
         ></script>
 
-        <mark>Powered by Google Forms</mark>
+        <mark id="powered">Powered by Google Forms</mark>
       </div>
     </section>
     <footer>
diff --git a/website/style.css b/website/style.css
index 9d111e5..6e49816 100644
--- a/website/style.css
+++ b/website/style.css
@@ -29,7 +29,27 @@ section > .page {
   align-items: center;
   justify-content: center;
 }
+
+/*
+  B E T A    P A G E 
+*/
+
+.beta-body a.title {
+  font-size: 2rem;
+}
+.beta-body .cta {
+  font-size: 0.75rem;
+}
+.beta-body footer * {
+  font-size: 1rem;
+  line-height: normal;
+}
+.beta-body footer {
+  padding: 1rem;
+}
+
 .cta {
+  font-size: 1rem;
   font-family: 'GlacialBold';
   background-color: black;
   color: #c0f300;
@@ -40,7 +60,7 @@ section > .page {
 .title {
   text-align: center;
   color: #c0f300;
-  font-size: 3rem;
+  font-size: 3.5rem;
   padding: 1rem 5rem;
   border: 5px solid black;
   border-radius: 5rem;
@@ -99,6 +119,12 @@ section[data-page='3'] .page * {
   color: #c0f300;
   font-family: 'Glacial';
 }
+section[data-page='2']#request {
+  height: fit-content;
+}
+#powered {
+  font-size: 1rem !important;
+}
 
 .row {
   margin: 0 auto;
@@ -136,6 +162,8 @@ footer {
 }
 footer,
 footer * {
+  font-size: 1rem;
+  line-height: 2.5rem;
   color: white;
   font-family: 'Glacial';
 }
@@ -191,6 +219,7 @@ footer > div > span.full {
     right: 2rem;
     display: block;
   }
+  .beta-body a.title,
   .title {
     font-size: 5rem;
   }
@@ -199,7 +228,7 @@ footer > div > span.full {
     top: 1rem;
     left: 1rem;
     margin: 0;
-    font-size: 1rem;
+    font-size: 1rem !important;
     padding: 0.5rem 1.5rem;
     background: black;
   }
@@ -255,16 +284,29 @@ footer > div > span.full {
     display: flex;
     justify-content: center;
   }
+  .beta-body footer > div,
   footer > div {
     flex-direction: row;
     align-items: center;
     margin-bottom: 0;
   }
+  .beta-body footer > div > span,
   footer > div > span {
     line-height: initial;
   }
+  .beta-body footer *,
+  footer * {
+    font-size: 1rem;
+    line-height: normal;
+  }
+  .beta-body footer * {
+    line-height: 2.5rem;
+  }
 }
 @media screen and (max-width: 1360px) and (min-width: 1024px) {
+  .beta-body a.title {
+    font-size: 5rem;
+  }
   section[data-page='2'] .page img {
     width: 75%;
   }
@@ -274,11 +316,13 @@ footer > div > span.full {
   section[data-page='2'] .page mark {
     font-size: 1rem;
   }
+  section[data-page='2']#request {
+    height: 100%;
+  }
   .col.text {
     font-size: 1.25rem;
   }
 }
-
 /*
   G O O G L E     F O R M S
   C U S T O M I Z A T I O N