v1.4.2-release/welcome page

website/styles/extrasmall.css

@@ -187,3 +187,10 @@ footer .link-button {
   line-height: 125%;
   border-bottom: 1px solid;
 }
+
+.landing video {
+  display: block;
+  max-width: 85%;
+  height: auto;
+  border-radius: 7rem;
+}

website/styles/large.css

@@ -9,3 +9,7 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
 .supported {
   max-width: none;
 }
+
+.landing video {
+  max-width: 55%;
+}

website/styles/medium.css

@@ -173,3 +173,41 @@ footer .link-button {
 .copyright .logo a:hover {
   color: var(--primary);
 }
+
+.landing video {
+  max-width: 75%;
+}
+
+.welcome .landing .supported-logo {
+  position: relative;
+  border-bottom: 1px solid var(--cta);
+}
+
+.welcome .landing .supported-logo::before {
+  content: 'START WATCHING';
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  height: 0;
+  left: 0;
+  opacity: 0;
+  transition: all ease-out 0.3s;
+  font-size: 2rem;
+  text-align: center;
+  color: var(--primary);
+  font-family: 'GlacialBold';
+  background-color: var(--cta);
+  padding: 1rem 0;
+}
+
+.welcome .landing .supported-logo:hover::before {
+  opacity: 1;
+  bottom: 0;
+  height: 2rem;
+  letter-spacing: 1.05px;
+  z-index: -1;
+}
+
+.welcome .landing {
+  flex: 1;
+}