Update index.html

cheaderthecoder · Oct 31, 2024 · fd0e3d1 · fd0e3d1
1 parent bb3cffc
commit fd0e3d1
Showing 1 changed file with 55 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -2,9 +2,62 @@
 <html>
 <head>
     <title>Base64 Converter</title>
-<link rel="stylesheet" href="style.css">
-
 </head>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #333;
+            color: #fff;
+        }
+        #converter {
+            text-align: center;
+            background-color: #444;
+            padding: 20px;
+            border-radius: 8px;
+            width: 60%;
+            max-width: 600px;
+            margin: auto;
+        }
+        #input, #output {
+            width: 100%;
+            padding: 10px;
+            margin: 10px 0;
+            border-radius: 4px;
+            border: 1px solid #ddd;
+            min-height: 100px;
+            background-color: #fff;
+            color: #000;
+        }
+        button {
+            padding: 10px 20px;
+            border: none;
+            border-radius: 4px;
+            background-color: #007BFF;
+            color: #fff;
+            cursor: pointer;
+            margin: 5px;
+        }
+        button:hover {
+            background-color: #0056b3;
+        }
+        select {
+            margin-bottom: 20px;
+        }
+        #conversionType
+        {
+        color: white;
+        background-color: #007bff;
+        border-radius: 4px;
+        border: none;
+        padding: 8px;
+        }
+    </style>
 <body>
     <div id="converter">
         <h1>Base64 Converter</h1>