v1.4.1-beta/Final website UI, add copyright

website/styles/medium.css

@@ -1,22 +1,50 @@
+/************************************************************************
+Copyright (C) Ayushya Amitabh - All Rights Reserved
+Unauthorized copying of this file, via any medium is strictly prohibited
+Proprietary and confidential
+Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020 
+************************************************************************/
+
 html {
-  font-size: 7.5px !important;
+  font-size: 6.5px !important;
 }
 
 body {
-  font-size: 7.5px !important;
+  font-size: 6.5px !important;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
 }
 .features,
 .supported {
   max-width: 75%;
+  flex: 1;
 }
 .link-button {
   transition: all ease-in-out 0.2s !important;
-  border: 3px solid transparent;
+  border: 1px solid var(--cta);
+  background: none;
+  color: var(--cta);
+  position: relative;
+}
+.link-button::before {
+  content: '';
+  height: 100%;
+  top: 0;
+  width: 0;
+  position: absolute;
+  border-radius: 7rem;
+  left: 0;
+  background: var(--cta);
+  transition: all ease-in-out 0.3s;
 }
-
 .link-button:hover {
-  border: 3px solid var(--primary-text);
-  box-shadow: 0 0 10px var(--primary-text);
+  color: var(--primary);
+  z-index: 10;
+}
+.link-button:hover::before {
+  width: 100%;
+  z-index: -1;
 }
 .logo {
   font-size: 10rem;
@@ -43,6 +71,9 @@ body {
   border: none !important;
   box-shadow: none !important;
 }
+.landing .link-button.stickied::before {
+  border-radius: 0;
+}
 .feature-card {
   background-color: var(--primary-medium);
   z-index: 1;
@@ -91,13 +122,11 @@ body {
 }
 .feature-card:hover .feature-icon {
   position: relative;
-  top: unset;
+  top: -35%;
   left: unset;
+  transform: scale(3);
   margin-bottom: 3rem;
 }
-footer {
-  padding-right: 45%;
-}
 footer .title {
   font-size: 2rem;
 }
@@ -111,3 +140,31 @@ footer .link-button {
   padding: 0.8rem 3.375rem;
   font-size: 2.5rem;
 }
+
+.copyright .landing {
+  max-width: 75%;
+}
+
+.copyright .logo a {
+  position: relative;
+}
+
+.copyright .logo a::before {
+  content: '';
+  height: 100%;
+  top: 0;
+  width: 0;
+  position: absolute;
+  left: -1rem;
+  background: var(--cta);
+  transition: all ease-in-out 0.3s;
+}
+
+.copyright .logo a:hover::before {
+  width: calc(100% + 1rem);
+  z-index: -1;
+}
+
+.copyright .logo a:hover {
+  color: var(--primary);
+}