From df3264b4cab4b404a72759ca00902044e9f80a41 Mon Sep 17 00:00:00 2001
From: tarikjaber <55803936+tarikjaber@users.noreply.github.com>
Date: Thu, 23 Feb 2023 16:48:19 -0500
Subject: [PATCH] Improve SEO

---
 index.html |   8 +++-
 styles.css | 109 +++++++++++++++++++++++++++--------------------------
 2 files changed, 62 insertions(+), 55 deletions(-)

diff --git a/index.html b/index.html
index c0c3432..8d439a0 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,13 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Code Formatter</title>
+  <title>Convert Code to PDF: Free Online Tool</title>
+
+  <meta name="description"
+    content="Convert code to PDF online for free. Supports multiple programming languages and syntax highlighting themes.">
+  <meta name="keywords"
+    content="code to pdf, convert code to pdf, code converter, programming language converter, syntax highlighting, online converter">
+  <meta name="author" content="Tarik Jaber">
 
   <!-- Google tag (gtag.js) -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-90N1Q923X2"></script>
diff --git a/styles.css b/styles.css
index ad58a4d..4c69e16 100644
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,6 @@
 body {
-    font-family: 'Roboto', sans-serif;
-    margin: 0px;
+  font-family: 'Roboto', sans-serif;
+  margin: 0px;
 }
 
 select {
@@ -9,12 +9,12 @@ select {
 }
 
 h1 {
-    margin: 0;
-    padding-bottom: 20px;
-    color: white;
-    background-color: #222831;
-    padding: 20px;
-    margin: -20px -20px 20px -20px;
+  margin: 0;
+  padding-bottom: 20px;
+  color: white;
+  background-color: #222831;
+  padding: 20px;
+  margin: -20px -20px 20px -20px;
 }
 
 .options {
@@ -46,18 +46,19 @@ button {
 }
 
 button:active {
-  background-color: #5584AC;
+  background-color: #5584ac;
 }
 
 textarea {
-    padding: 10px;
-    margin-top: 20px;
-    resize: none;
-    flex-grow: 1;
-    border-radius: 5px;
+  padding: 10px;
+  margin-top: 20px;
+  resize: none;
+  flex-grow: 1;
+  border-radius: 5px;
 }
 
-html, body {
+html,
+body {
   height: 100%;
 }
 
@@ -69,48 +70,48 @@ html, body {
 }
 
 pre {
-    margin: 0;
+  margin: 0;
 }
 
 #code-container {
-    display: flex;
-    margin: 0 -20px;
-    font-family: 'Fira Code', monospace;
+  display: flex;
+  margin: 0 -20px;
+  font-family: 'Fira Code', monospace;
 }
 
 #document-title {
-    display: none;
+  display: none;
 }
 
 code {
-    font-size: 14px;
-    white-space: pre-wrap;
+  font-size: 14px;
+  white-space: pre-wrap;
 }
 
 #line-nums {
-    width: auto;
-    font-size: 14px;
-    padding-left: 11px;
-    padding-top: 13px;
-    padding-bottom: 4px;
-    display: inline-block;
+  width: auto;
+  font-size: 14px;
+  padding-left: 11px;
+  padding-top: 13px;
+  padding-bottom: 4px;
+  display: inline-block;
 }
 
 #code-div {
-    background-color: #c9d1d9;
-    border-radius: 5px;
-    width: auto;
-    flex: 1;
-    display: inline-block;
+  background-color: #c9d1d9;
+  width: auto;
+  flex: 1;
+  display: inline-block;
 }
 
 #code {
-    margin-left: 2px;
+  margin-left: 2px;
+  padding-bottom: 22px;
 }
 
 #print-area {
-    padding: 20px;
-    display: none;
+  padding: 20px;
+  /*display: none;*/
 }
 
 a {
@@ -119,29 +120,29 @@ a {
 }
 
 @media print {
-    body {
-        color-adjust: exact;
-        -webkit-print-color-adjust: exact;
-    }
+  body {
+    color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
 
-    #document-title {
-        margin-bottom: 20px;
-    }
+  #document-title {
+    margin-bottom: 20px;
+  }
 
-    #print-area {
-        display: block;
-    }
+  #print-area {
+    display: block;
+  }
 
-    #code-container {
-        margin-top: -20px;
-    }
+  #code-container {
+    margin-top: -20px;
+  }
 
-    .hide-from-print {
-        display: none;
-    }
+  .hide-from-print {
+    display: none;
+  }
 }
 
 p {
-    margin-top: 0;
-    margin-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
 }