v1.4.1-beta/website

website/styles/medium.css

@@ -9,6 +9,15 @@ body {
 .supported {
   max-width: 75%;
 }
+.link-button {
+  transition: all ease-in-out 0.2s !important;
+  border: 3px solid transparent;
+}
+
+.link-button:hover {
+  border: 3px solid var(--primary-text);
+  box-shadow: 0 0 10px var(--primary-text);
+}
 .logo {
   font-size: 10rem;
   transition: all ease-in-out 0.3s;
@@ -24,9 +33,6 @@ body {
   padding: 3rem 10rem;
   z-index: 999 !important;
 }
-.landing .link-button {
-  transition: all ease-in-out 0.3s;
-}
 .landing .link-button.stickied {
   position: fixed;
   right: 0rem;
@@ -34,6 +40,8 @@ body {
   border-radius: 0;
   font-size: 2rem;
   z-index: 1999 !important;
+  border: none !important;
+  box-shadow: none !important;
 }
 .feature-card {
   background-color: var(--primary-medium);
@@ -43,39 +51,54 @@ body {
   margin: -1px;
   display: inline-block;
   padding: 3rem;
-  transition: all ease-in-out 0.3s;
+  transition: all 0.3s ease-in;
+  position: relative;
 }
 .feature-icon {
   z-index: 1;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  background-size: 30% !important;
   background-position: center !important;
-  transition: all ease-in-out 0.3s;
+  transition: all ease-out 0.3s;
+  border-radius: 100%;
+  width: 0;
+  margin: 0 auto;
+  height: 0;
+  background-size: cover !important;
+  padding: 5rem;
+  background-color: black;
+  position: absolute;
+  top: 13rem;
+  left: 13rem;
 }
 .feature-card .feature-text {
   z-index: 1;
-  display: none;
+  display: table;
+  line-height: 0;
+  opacity: 0;
   text-align: center;
+  overflow: hidden;
 }
 .feature-card:hover {
-  background-color: var(--primary-light);
+  background-color: var(--cta);
   box-shadow: -5px 5px 100px #000000;
   z-index: 100;
   transform: scale(1.1);
 }
-.feature-card:hover .feature-icon {
-  height: 50%;
-}
 .feature-card:hover .feature-text {
   display: table;
+  color: var(--primary-light);
+  line-height: initial;
+  opacity: 1;
+}
+.feature-card:hover .feature-icon {
+  position: relative;
+  top: unset;
+  left: unset;
+  margin-bottom: 3rem;
 }
 footer {
   padding-right: 45%;
 }
-footer .works-title {
+footer .title {
   font-size: 2rem;
 }
 footer .built-with {