v1.6.7/website relaunch

website/styles/large.css

@@ -10,49 +10,101 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
 COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ************************************************************************/
 
-.features,
-.supported {
-  max-width: none;
-}
-
-.landing video {
-  max-width: 45%;
-}
-
-.home .pop-features {
-  margin-bottom: 100px;
-}
-
-.pop-feature {
-  flex-direction: row;
-}
-
-.pop-feature {
-  margin: 100px 0;
-}
-
-.pop-feature > * {
-  margin: 0;
-}
-
-.pop-feature .explanation {
+.big-button {
   text-align: left;
+  width: fit-content;
 }
 
-.pop-feature .explanation div {
-  margin-left: 0;
-  padding: 50px;
+.info {
+  width: 70rem;
+  max-width: 70rem;
+  display: inline-table;
 }
 
-.pop-feature.alternate {
-  flex-direction: row-reverse;
+.info:not(:last-of-type) {
+  margin-right: 6rem;
 }
 
-.pop-feature.alternate .explanation {
-  text-align: right;
+.link-section {
+  display: flex;
 }
 
-.pop-feature.pop-feature.alternate .explanation div {
-  margin-left: auto;
-  margin-right: 0;
+.link-section .link-list {
+  flex: 1;
+}
+
+.link-section .link-list:not(:last-of-type) {
+  margin-right: 2.5rem;
+}
+
+.card-grid .support-card {
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0px 0px 1rem transparent;
+  transition: all ease-in-out 0.3s;
+}
+
+.card-grid .support-card:hover {
+  box-shadow: 0px 0px 3rem var(--color-secondary-light);
+}
+
+.features.card-grid .support-card::before {
+  content: '';
+  width: 10rem;
+  height: 10rem;
+  position: absolute;
+  border-radius: 20rem;
+  background-color: var(--color-secondary-light);
+  bottom: -5rem;
+  left: -5rem;
+  transition: all linear 0.4s;
+  opacity: 0;
+  z-index: 0;
+}
+
+.features.card-grid .support-card:hover::before {
+  width: 200%;
+  height: 200%;
+  opacity: 1;
+}
+
+.features.card-grid .support-card > * {
+  z-index: 2;
+}
+
+footer .end-line {
+  border-top: 1px solid var(--color-secondary);
+  padding-top: 2.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+footer .end-line .underlink:first-of-type {
+  flex: 1;
+  margin-bottom: 0;
+}
+
+footer .end-line .underlink:not(:last-of-type) {
+  margin-right: 2.5rem;
+}
+
+.text-section .info {
+  width: 100%;
+  max-width: 150rem;
+  position: relative;
+}
+
+.text-section .info .info-text {
+  display: flex;
+  width: 100%;
+}
+
+.text-section .info .info-text > * {
+  flex: 1;
+}
+
+.text-section .info .info-text .sub-title {
+  margin-top: 2.5rem;
+  margin-right: 6rem;
 }