diff --git a/base64/index.html b/base64/index.html
index 006be92..26b2792 100644
--- a/base64/index.html
+++ b/base64/index.html
@@ -9,14 +9,14 @@
 	</head>
 	<body>
 		<h1>Base64 Encoder/Decoder</h1>
-		<div class="card">
+		<div class="cards">
 			<h2>Base64 Encoder</h2>
 			<textarea id="encodeInput" rows="5" cols="50" placeholder="Enter text to encode"></textarea>
 			<textarea id="encodeOutput" rows="5" cols="50" readonly placeholder="Encoded Base64 result"></textarea>
 			<button id="encode">Encode</button>
 		</div>
 		
-		<div class="card">
+		<div class="cards">
 			<h2>Base64 Decoder</h2>
 			<textarea id="decodeInput" rows="5" cols="50" placeholder="Enter Base64 to decode"></textarea>
 			<textarea id="decodeOutput" rows="5" cols="50" readonly placeholder="Decoded result"></textarea>
diff --git a/base64/style.css b/base64/style.css
index 019d7d2..a5dbb38 100644
--- a/base64/style.css
+++ b/base64/style.css
@@ -4,10 +4,14 @@ div {
 	margin-bottom: 50px;
 }
 
+.cards {
+    text-align: center;
+}
+
 textarea {
 	resize: none;
-	background-color: #2a2a2a;
-	color: #f0f0f0;
+	background-color: var(--surface1);
+	color: var(--white);
 	border: 2px solid #2c2c2c;
 	margin-bottom: 25px;
 	border-radius: 5px;
@@ -15,23 +19,22 @@ textarea {
 }
 
 textarea[readonly] {
-	background-color: #282828;
-	color: #999;
+	background-color: var(--surface0);
+	color: var(--text);
 }
 
 button {
 	margin: 5px 0 50px 0;
 	width: 50%;	
 	height: 15%;
-	background-color: #2a2a2a;
-	color: #f0f0f0;
-	border: 2px solid #2c2c2c;
+	color: var(--white);
 	cursor: pointer;
 	border-radius: 5px;
 	font-size: 16px;
+    background-color: var(--pastel-violet);
+    border: none;
 }
 
 button:hover {
-	background-color: #2c2c2c;
-	border: 2px solid #2e2e2e;
-}
+    background-color: var(--mauve);
+}
\ No newline at end of file
diff --git a/global.css b/global.css
index 1a47046..4791771 100644
--- a/global.css
+++ b/global.css
@@ -26,14 +26,14 @@
     --blue: #89b4fa;
     --lavender: #b4befe;
     --text: #cdd6f4;
-    --subtext1: #bac2de;
     --subtext0: #a6adc8;
-    --overlay2: #9399b2;
-    --overlay1: #7f849c;
+    --subtext1: #bac2de;
     --overlay0: #6c7086;
-    --surface2: #585b70;
-    --surface1: #45475a;
+    --overlay1: #7f849c;
+    --overlay2: #9399b2;
     --surface0: #313244;
+    --surface1: #45475a;
+    --surface2: #585b70;
     --base: #1e1e2e;
     --mantle: #181825;
     --crust: #11111b;
