update exchanges, buttons

css/style.css

@@ -168,7 +168,7 @@ input[type="radio"] ~ a label a {
 	height: 100%;
 
 	/* % WIDTH TAKEN OF NAV BAR */
-	width: 15%;
+	width: 20rem;
 	/* % WIDTH TAKEN OF NAV BAR */
 
 	/* outline: 0.1rem solid red; */
@@ -197,7 +197,7 @@ input[type="radio"] ~ a label a {
 	height: 100%;
 	margin-top: .75rem;
 	/* % WIDTH TAKEN OF NAV BAR */
-	width: 50%;
+	width: 60rem;
 	/* % WIDTH TAKEN OF NAV BAR */
 
 	/* outline: 0.1rem solid red; */
@@ -209,7 +209,7 @@ input[type="radio"] ~ a label a {
 	justify-content: center;
 	align-items: center;
 	margin: 0 0.5rem;
-	padding: 0.75rem 1.5rem;
+	padding: 0.8rem 2.15rem;
 	height: 1rem;
 	font-family: "Ubuntu Mono";
 	font-weight: 300;
@@ -747,8 +747,8 @@ input[id="about-tab-6"]:not(checked) ~ * .docs {
 }
 
 .grid-item.exchanges a{
-	width: 18.5rem;
+	width: 18.1rem;
-	margin-top: 13.75rem;
+	margin-top: 13.4rem;
 	line-height: 1rem;
 }
 
@@ -974,12 +974,12 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
 	width: 40vh;
 	height: 13vh;
 	text-decoration: none;
-	border: 0.25vh solid rgb(var(--color-text-main), 0.25);
+	/* border: 0.1vh solid rgb(var(--color-bg-light-grey), 0.25); */
 }
 
 .grid-item.pools:hover {
-	border: 0.25vh solid rgb(var(--color-text-main), 1);
+	/* border: 0.1vh solid rgb(var(--color-bg-darker), 0.25); */
-	background-color: rgb(var(--color-bg-dark), 0.25);
+	background-color: rgba(21, 21, 21);
 }
 
 .grid-item.pools > h3 {
@@ -1351,6 +1351,15 @@ footer > p {
 	padding: 0 0 8rem 0;
 }
 
+.section-default2 {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	padding: 0 0 0.5rem 0;
+}
+
 .release-card {
 	display: flex;
 	align-items: center;

index.html

@@ -527,33 +527,32 @@
 				</div>
 				<div
 					class="about-info exchanges"
-					style="--mod-translate-y: -500vh; --mod-translate-x: -100vh"
+					style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">
-				>
 					<div class="about-exchanges-grid">
-						<div class="grid-item exchanges">
+					<div class="grid-item exchanges">
-							<img src="./graphics/logos/logo_safetrade.png" alt="" />
+							<img src="./graphics/logos/logo_nonkyc.png" alt="" />
 							<a
-								href="https://safe.trade/trading/hushbtc"
+								href="https://nonkyc.io/market/HUSH_BTC"
 								class="component-button"
-								><small>safe.trade</small></a
+								><small>nonkyc.io</small></a>
-							>
 							<p>(No KYC, 2FA required)</p>
 						</div>
 						<div class="grid-item exchanges">
-							<img src="./graphics/logos/logo_nonkyc.png" alt="" />
+							<img src="./graphics/logos/logo_safetrade.png" alt="" />
 							<a
-								href="https://nonkyc.io/market/HUSH_BTC"
+								href="https://safe.trade/trading/hushbtc"
 								class="component-button"
-								><small>nonkyc.io</small></a
+								><small>safe.trade</small></a
 							>
-							<p>(No KYC, 2FA required)</p>
+							<p>(No KYC, 2FA required,<br> in maintenance)</p>
 						</div>
-						<!--
+						
           <div class="grid-item exchanges">
             <img src="./graphics/logos/logo_tradeogre.png" alt="">
             <a href="https://tradeogre.com/exchange/BTC-HUSH" class="component-button"><small>tradeogre.com</small></a>
-            <p>(No KYC, 2FA required)</p>
+            <p>(No KYC, 2FA required,<br> in maintenance)</p>
           </div>
+          <!--
           <div class="grid-item exchanges">
             <img src="./graphics/logos/logo_hushdex.png" alt="">
             <a href="https://git.hush.is/hush/HushDEX" class="component-button"><small>HUSH DEX</small></a>