minor changes

css/style.css

@@ -26,8 +26,8 @@
 	--color-text-grey: 192, 190, 190;
 
 	/* ----- Background Colors ----- */
-	--color-bg-light-grey: 84, 84, 84;
-	--color-bg-grey: 61, 61, 61;
+	--color-bg-light-grey: 68, 68, 68;
+	--color-bg-grey: 51, 51, 51;
 	--color-bg-dark: 26, 26, 26;
 	--color-bg-darker: 12, 12, 12;
 
@@ -214,18 +214,14 @@ input[type="radio"] ~ a label a {
 	text-align: center;
 	text-decoration: none;
 	color: white;
-	border-radius: var(--border-radius-xsmall);
+	border-radius: 0;
 	user-select: none;
 	background: rgba(117, 110, 110, 0.188);
 	-webkit-tap-highlight-color: transparent;
 }
 
 .component-button:hover {
-	transition: all ease-in-out 300ms;
-	font-weight: 600;
-	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1) inset;
-	background: rgba(110, 100, 100, 0.445);
-	border-radius: var(--border-radius-large);
+	background: rgba(110, 100, 100, 0.445)
 }
 
 .header-gradient {
@@ -434,7 +430,7 @@ input[type="radio"] ~ a label a {
 	animation: 3000ms cubic-bezier(0.25, 0.1, 0, 1) -0.25s 1 slideIn;
 	z-index: 10;
 	font-size: var(--font-size-l);
-	margin: 28rem 0 0 0;
+	margin: 14rem 0 0 0;
 	padding: 1.25rem 3rem;
 }
 
@@ -700,7 +696,7 @@ input[id="about-tab-6"]:not(checked) ~ * .docs {
 	height: 17rem;
 	color: rgb(var(--color-text-main));
 	background-color: rgb(var(--color-bg-dark));
-	border-radius: var(--border-radius-small);
+	border-radius: 0;
 	filter: drop-shadow(0rem 0rem 0.75rem rgba(26, 26, 26, 0.733));
 }
 
@@ -740,7 +736,7 @@ input[id="about-tab-6"]:not(checked) ~ * .docs {
 	height: 42rem;
 	color: rgb(var(--color-text-main));
 	background-color: rgb(var(--color-bg-dark), 0.5);
-	border-radius: var(--border-radius-med);
+	border-radius: 0:
 	filter: drop-shadow(0vh 0vh 1vh rgba(26, 26, 26, 0.733));
 	font-size: var(--font-size-s);
 	overflow: hidden;
@@ -849,7 +845,7 @@ tr {
 	align-items: center;
 	right: 0vh;
 	width: 44rem;
-	border-radius: var(--border-radius-xsmall);
+	border-radius: 0;
 	filter: drop-shadow(0rem 0rem 0.75rem rgba(0, 0, 0, 0.4));
 }
 
@@ -857,7 +853,7 @@ tr {
 	width: 18rem;
 	right: 14rem;
 	top: 8rem;
-	border-radius: var(--border-radius-small);
+	border-radius: 0;
 }
 
 .wallet-info-text > h3 {
@@ -1026,7 +1022,7 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
 		width: 20rem;
 		height: 30rem;
 		font-size: 1rem;
-		border-radius: var(--border-radius-small);
+		border-radius: 0;
 	}
 
 	.table-left,
@@ -1103,21 +1099,21 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
 		width: 7.5rem;
 		right: unset;
 		top: 16.25rem;
-		border-radius: var(--border-radius-small);
+		border-radius: 0:
 	}
 
 	.wallet-info-2 > img {
 		width: 16rem;
 		right: unset;
 		top: 21rem;
-		border-radius: var(--border-radius-xsmall);
+		border-radius: 0;
 	}
 
 	.wallet-info-1 > img {
 		width: 18rem;
 		right: unset;
 		top: 21rem;
-		border-radius: var(--border-radius-xsmall);
+		border-radius: 0;
 	}
 
 	.wallet-info-text a {
@@ -1184,7 +1180,7 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
 		margin: 0;
 		padding: 0;
 		bottom: 0.75rem;
-		border-radius: 0.55rem;
+		border-radius: 0;
 		font-size: 1.5rem;
 	}
 }
@@ -1251,7 +1247,7 @@ footer > p {
 	background-color: rgb(255, 255, 255);
 	color: rgb(0, 0, 0);
 	text-align: center;
-	border-radius: var(--border-radius-large);
+	border-radius: 0;
 	width: 10vh;
 	height: 4vh;
 	position: absolute;