From ff553dd5b14dd7612d852fe6a9b213b04fd3ba5c Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 19 Oct 2022 15:04:51 -0400
Subject: [PATCH] Re-commit

---
 src/layouts/page/tea-cli.html | 14 +++++++++++++-
 src/static/css/homepage.css   |  2 +-
 src/static/css/products.css   | 10 ----------
 src/static/css/typography.css |  3 ++-
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/layouts/page/tea-cli.html b/src/layouts/page/tea-cli.html
index 6c029fd..c991b7e 100644
--- a/src/layouts/page/tea-cli.html
+++ b/src/layouts/page/tea-cli.html
@@ -33,7 +33,7 @@
   </div>
 <hr>
 
-<section id="reveal" style="display:block;">
+<section class="animated-25" id="reveal" style="display:none;">
   <div class="container">
     <div class="row">
       <div class="col">
@@ -45,6 +45,10 @@
 
 <style>
 
+  #reveal{
+    transition: 0.2s linear;
+  }
+
   @media only screen and (min-width: 768px) {
 
     .one-liner{
@@ -176,7 +180,15 @@
     /* Alert the copied text
     alert("Copied " + copyText.value + " to clipboard");*/
 
+    //Change button text to 'copied'
     document.getElementById("copy-icon").innerHTML = "copied!";
+
+    // Reveal Auth text
+    if (document.getElementById("reveal").style.display = "none") {
+      document.getElementById("reveal").style.display = "block";
+    } else {
+      document.getElementById("reveal").style.display = "none";
+    }
   }
 
 </script>
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 226a16a..cba4d23 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -347,7 +347,7 @@ mark{
 @media only screen and (max-width: 576px) {
 
   .hero-section{
-    padding: 4vw !important;
+    padding: 1vw 4vw !important;
   }
 
   .hero-container{
diff --git a/src/static/css/products.css b/src/static/css/products.css
index dbe93c1..d8c70da 100644
--- a/src/static/css/products.css
+++ b/src/static/css/products.css
@@ -12,11 +12,6 @@
     background-size: contain;
   }
 
-  .products-hero h1{
-    position: relative;
-    z-index: 2;
-  }
-
   .lead-container{
     padding-left: 25vw;
     padding-right: 25vw;
@@ -61,11 +56,6 @@
     background-size: contain;
   }
 
-  .products-hero h1{
-    position: relative;
-    z-index: 2;
-  }
-
   .lead-container{
     padding-left: 25vw;
     padding-right: 25vw;
diff --git a/src/static/css/typography.css b/src/static/css/typography.css
index 474beb3..e662fb2 100644
--- a/src/static/css/typography.css
+++ b/src/static/css/typography.css
@@ -58,7 +58,7 @@ li{
 
 
 /* Extra-Large Screens*/
-/*@media only screen and (min-width: 1200px) {*/
+@media only screen and (min-width: 1200px) {
 
   h1{
     font-size: 11.5vw;
@@ -99,6 +99,7 @@ li{
   p{
     font-size: 1.116vw;
   }
+}
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {