v1.4.2-release/release

website/styles/extrasmall.css

@@ -188,9 +188,44 @@ footer .link-button {
   border-bottom: 1px solid;
 }
 
-.landing video {
+.welcome .landing video {
   display: block;
   max-width: 85%;
   height: auto;
   border-radius: 7rem;
+  border: 2px solid var(--cta);
+  margin: 10rem 0;
+  box-shadow: 0px 0px 50px #c0f30054;
+}
+
+.welcome .landing .title.subtitle {
+  display: table;
+  text-transform: uppercase;
+}
+
+.welcome .landing#tips .tip {
+  padding: 3rem 0;
+  border-bottom: 0.5px solid var(--primary-medium);
+  padding-right: 3rem;
+}
+
+.welcome .landing#tips .tip:last-of-type {
+  border-bottom: none;
+}
+
+.welcome .landing#tips .link-button {
+  margin-bottom: 7rem;
+}
+
+.welcome .landing#tips .tip h6 {
+  color: var(--primary-light);
+  font-size: 3rem;
+  letter-spacing: 0.5rem;
+}
+
+.welcome .landing#tips .tip p {
+  color: var(--primary-medium);
+  font-size: 3rem;
+  margin: 1.5rem 0;
+  letter-spacing: 0.25rem;
 }

website/styles/large.css

@@ -11,5 +11,5 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
 }
 
 .landing video {
-  max-width: 55%;
+  max-width: 45%;
 }

website/styles/medium.css

@@ -174,8 +174,8 @@ footer .link-button {
   color: var(--primary);
 }
 
-.landing video {
-  max-width: 75%;
+.welcome .landing video {
+  max-width: 45%;
 }
 
 .welcome .landing .supported-logo {
@@ -183,6 +183,18 @@ footer .link-button {
   border-bottom: 1px solid var(--cta);
 }
 
+.welcome .landing#tips .tip {
+  padding-right: 0;
+}
+
+.welcome .landing#tips .link-button {
+  max-width: fit-content;
+  display: inline-table;
+  margin-right: 3rem;
+  padding: 0.8rem 3.375rem;
+  font-size: 2.5rem;
+}
+
 .welcome .landing .supported-logo::before {
   content: 'START WATCHING';
   position: absolute;

website/styles/small.css

@@ -4,3 +4,7 @@ Unauthorized copying of this file, via any medium is strictly prohibited
 Proprietary and confidential
 Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020 
 ************************************************************************/
+
+.welcome .landing video {
+  max-width: 75%;
+}