[Docs] Updated FAQ; plus minor styling updates

docs/assets/stylesheets/extra.css

@@ -1,4 +1,8 @@
 @media screen and (min-width: 76.1875em) {
+    html {
+        scroll-behavior: smooth;
+    }
+
     .md-header {
         backdrop-filter: blur(5px);
         background-color: rgba(255, 255, 255, 0);
@@ -43,21 +47,21 @@
 }
 
 #kapa-widget-container .mantine-Button-root {
-    height: 4rem !important;
-    width: 4rem !important;
+    height: 3.5rem !important;
+    width: 3.5rem !important;
     background: rgba(255,255,255, 0.5) !important;
     box-shadow: none !important;
     border: 0.5px solid black !important;
     border-radius: 4px;
 }
 
 #kapa-widget-container .mantine-Image-image {
-    width: 1.2rem !important;
-    height: 1.2rem !important;;
+    width: 27.5px !important;
+    height: 27.5px !important;;
 }
 
 #kapa-widget-container .mantine-Image-root {
-    width: 1.2rem !important;
+    width: 27.5px !important;
 }
 
 .mantine-Modal-body .mantine-Input-input {
@@ -294,12 +298,13 @@
     background: transparent;
     box-shadow: none;
     padding: 6px 15px 5px;
-    font-size: 17px;
-    font-weight: 700;
+    font-size: 17.5px;
+    font-weight: 600;
     color: rgba(0, 0, 0, 0.87);
     position: relative;
     margin-left: 8px;
     margin-bottom: 4px;
+    letter-spacing: -0.5px;
 }
 
 @font-face {
@@ -416,6 +421,7 @@
 
 .md-nav__link {
     margin-top: 0;
+    color: black;
 }
 
 .md-nav__link:hover {
@@ -424,7 +430,7 @@
 
 .md-nav__item, .md-nav__link .md-typeset {
     /*color: rgba(0,0,0,0.87);*/
-    font-weight: 500;
+    font-weight: 400;
     font-size: 0.75rem;
 }
 
@@ -489,7 +495,7 @@ h4.doc-heading {
 .md-typeset pre > code {
     background-color: rgb(21, 22, 29);
     padding: 65px 30px 35px 40px;
-    border-radius: 4px;
+    border-radius: 3px;
     font-size: 15px;
 
     /*border-radius: 6px;*/
@@ -521,14 +527,14 @@ h4.doc-heading {
 @media screen and (min-width: 60em) {
     [data-md-color-primary=white] .md-search__form {
         background-color: transparent;
-        border-radius: 4px;
-        border: 1px solid black;
+        border-radius: 3px;
+        border: 0.5px solid rgba(0, 0, 0, 0.87);
         height: 1.9rem;
     }
 
     [data-md-color-primary=white] .md-search__form:hover {
         background-color: transparent;
-        border: 1px solid black;
+        border: 0.5px solid black
     }
 }
 
@@ -770,8 +776,8 @@ body {
     .md-nav__item--section > .md-nav__link {
         /*text-transform: uppercase;*/
         display: inline-block;
-        font-size: 17.5px;
-        font-weight: 700;
+        font-size: 17px;
+        font-weight: 600;
         line-height: 1.4rem;
         letter-spacing: -0.5px;
         position: relative;
@@ -825,7 +831,7 @@ body {
 }
 
 .md-sidebar--primary .md-nav__link {
-    padding: 6px 15px 5px;
+    padding: 5px 15px 5px;
     margin-top: 0;
 }
 
@@ -838,7 +844,7 @@ body {
 .md-sidebar--secondary .md-nav__link {
     margin-left: -8px;
     border-left: 2px solid transparent;
-    padding: 6px 15px 5px;
+    padding: 5px 15px 5px;
     margin-right: 0 !important;
 }
 
@@ -875,7 +881,7 @@ body {
     .md-nav__item--section>.md-nav>.md-nav__list>li.md-nav__item:not(.md-nav__item--nested):not(.md-nav__item--active) {
         margin-left: 12px;
         border-left: 0.5px dotted rgba(0, 0, 0, 0.4);
-        font-size: 16.5px;
+        /*font-size: 16.5px;*/
     }
     .md-sidebar--primary a.md-nav__link--active {
         overflow: inherit;
@@ -1209,6 +1215,10 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
         contain: none;
     }
 
+    .md-tabs__item--active .md-tabs__link {
+        font-weight: 600;
+    }
+
     .md-tabs__item--active .md-tabs__link:after {
         position: absolute;
         background: -webkit-linear-gradient(100deg, #0048ff, #ce00ff);
@@ -1334,13 +1344,17 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
 
     .md-tabs__link {
         font-size: 0.85rem;
-        font-weight: 600;
-        color: black;
+        font-weight: 500;
+        color: rgba(0,0,0,0.87);
         letter-spacing: -0.5px;
         margin-top: 1px;
         line-height: 24px;
     }
 
+    .md-tabs__link:hover {
+        color: black;
+    }
+
     .md-tabs__link.md-tabs__link--active {
         color: var(--md-accent-fg-color);
     }
@@ -1393,7 +1407,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
 @media screen and (min-width: 76.25em) {
     .md-search .md-search__inner {
         /*padding-top: 0.58rem;*/
-        margin-right: 0.8rem;
+        margin-right: 8px;
     }
 
     [data-md-toggle=search]:checked ~ .md-header .md-search__inner, .md-search__scrollwrap {
@@ -1564,7 +1578,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
     font-weight: 500 !important;
     padding: 0.4em 1.5em;
     font-size: 17px;
-    border-radius: 4px;
+    border-radius: 3px;
 }
 
 /*[data-md-color-primary=white] .md-button:hover{

docs/assets/stylesheets/landing.css

@@ -12,7 +12,7 @@
 
 .tx-landing__hero_text h1 {
     margin-bottom: .75rem;
-    font-weight: 800;
+    font-weight: 700;
     font-size: 2.5em;
     letter-spacing: -3px;
 }
@@ -29,7 +29,7 @@
     margin-right: -4px;
 }
 
-.tx-landing__hero_text .highlight {
+.tx-landing__hero_text .highlight, .tx-faq__item-body .highlight {
     display: inline-block;
     border-radius: 3px;
     padding: 1px 5px;
@@ -110,7 +110,7 @@
     }
 
     .tx-landing__hero_text h1 {
-        font-size: 2.8rem;
+        font-size: 3rem;
         max-width: 36rem;
         line-height: 1.2;
     }
@@ -223,7 +223,7 @@
 .md-typeset .md-button {
     margin-top: 1.2rem;
     margin-bottom: 1.5rem;
-    font-size: 21px;
+    font-size: 20px;
     font-weight: 400 !important;
     text-align: center;
     border-radius: 3px;
@@ -232,7 +232,7 @@
 }
 
 .md-header__buttons .md-button {
-    font-size: 18px;
+    font-size: 18.7px;
     letter-spacing: -0.5px;
 }
 
@@ -273,7 +273,7 @@
 [data-md-color-primary=white] .md-typeset .md-button--primary, [data-md-color-primary=white] .md-typeset .md-button--primary:hover {
     background: rgba(0, 0, 0, 0.87);
     border: 1.5px solid rgba(0, 0, 0, 0.87);
-    border-radius: 4px;
+    border-radius: 3px;
     font-weight: 400 !important;
     /*margin-right: 10px;*/
 }
@@ -285,7 +285,7 @@
 
 .md-header__buttons .md-button--primary,
 .md-header__buttons .md-button-secondary {
-    font-weight: 500 !important;
+    font-weight: 400 !important;
     white-space: nowrap;
     padding: 0.4rem 0.8rem;
 }
@@ -321,16 +321,22 @@
 .md-typeset .md-button-secondary:focus {
     background: transparent;
     color: rgba(0, 0, 0, 0.87);
-    border: 1.5px solid rgba(0, 0, 0, 0.87);
-    border-radius: 4px;
+    border: 0.5px solid rgba(0, 0, 0, 0.87);
+    border-radius: 3px;
+}
+
+.md-header__buttons .md-button-secondary:hover,
+.md-typeset .md-button-secondary:hover {
+    color: black;
+    border: 0.5px solid blackl
 }
 
 .md-header__buttons .md-button-secondary.borderless,
 .md-header__buttons .md-button-secondary.borderless:hover {
     border: none;
     padding: 0 20px 0 0;
     margin: 0;
-    font-weight: 600 !important;
+    font-weight: 500 !important;
 }
 
 .md-header__buttons {
@@ -383,8 +389,10 @@
 
 .providers.tx-landing__highlights_grid .feature-cell h3 {
     align-content: center;
-    font-size: 1.1em;
+    font-size: 17.5px;
+    font-weight: 600;
     padding-bottom: 0.05em;
+    line-height: 25px;
 }
 
 .providers.tx-landing__highlights_grid .feature-cell {
@@ -513,7 +521,7 @@
 }
 
 .tx-landing__highlights_grid h3 {
-    font-size: 1.2em;
+    font-size: 1.1em;
     font-weight: 700;
     border-bottom: none;
     padding-bottom: 0.3em;
@@ -570,6 +578,10 @@
     max-width: 500px;
 }
 
+.tx-landing__major_feature h2 {
+    font-weight: 700;
+}
+
 .tx-landing__major_feature h3 {
     padding-bottom: 0;
     border-bottom: none;
@@ -747,7 +759,7 @@
 .md-header__buttons .md-button--primary.sky, .md-header__buttons .md-button--primary.sky:hover,
 .md-typeset .md-button--primary.sky, .md-typeset .md-button--primary.sky:hover {
     background: -webkit-linear-gradient(45deg, #002aff, #002aff, #e165fe);
-    border-radius: 4px;
+    border-radius: 3px;
     border: 1px solid transparent;
 }
 

docs/assets/stylesheets/termynal.css

@@ -32,7 +32,7 @@
     font-size: 14px;
     /* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
     font-family: var(--md-code-font-family) !important;
-    border-radius: 4px;
+    border-radius: 3px;
     padding: 45px 25px 25px;
     /*padding: 75px 45px 35px;*/
     position: relative;