diff --git a/src/pages/index.css b/src/pages/index.css
index a951905..990b23f 100644
--- a/src/pages/index.css
+++ b/src/pages/index.css
@@ -21,24 +21,10 @@
 
 html,
 body {
-  /* margin: 1%; */
-  /* padding: 0% 0.5%; */
   font-family: "Roboto Mono", monospace;
   color: var(--grey-90);
 }
 
-/* .section-title {
-  margin: 0 !important;
-  font-family: "Lato", sans-serif;
-  padding-left: 2%;
-  font-size: 24px;
-  font-weight: 600;
-} */
-
-/* input:focus {
-  outline: none;
-} */
-
 [type="checkbox"] {
   -webkit-box-shadow: 0 1px 1px var(--grey-90) !important;
   -moz-box-shadow: 0 1px 1px var(--grey-90) !important;
@@ -47,165 +33,22 @@ body {
   border-radius: 0px !important;
 }
 
-/* .icon {
-  width: 25px;
-  height: 25px;
-} */
-
 .section {
   width: 100%;
   overflow: hidden;
   margin: 2% 0%;
 }
 
-/* .inputField {
-  border: 0px solid;
-  border-bottom: 1px solid grey;
-  margin: 2%;
-  padding: 1% 2% 1% 1%;
-  font-size: 18px;
-  height: 25px;
-} */
-/* 
-.row {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-} */
-
-/* .inputField:focus {
-  border-bottom: 1px solid var(--dark-blue);
-  color: var(--grey-90);
-} */
-
-/* .sm {
-  width: 15%;
-}
-
-.md {
-  width: 35%;
-}
-
-.lg {
-  width: 50%;
-} */
-
-/* .prefix {
-  color: var(--grey-80);
-} */
-
-/* .button {
-  padding: 1% 0%;
-  background: var(--grey-05);
-  border: 2px solid var(--grey-85);
-  color: var(--grey-90);
-  width: 25%;
-  text-align: center;
-  cursor: pointer;
-} */
-
-/* .container {
-  width: 50%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-} */
-
-/* .checkbox {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding-left: 2%;
-  margin: 1% 0%;
-} */
-
-/* 
-.checkboxLabel {
-  font-weight: 500;
-  cursor: pointer;
-} */
-
-/* .submit {
-  display: flex;
-  justify-content: center;
-} */
-
 .warning {
   color: var(--red);
   background: var(--grey-05);
   margin-left: 2%;
   padding: 1%;
 }
-/* 
-.preview {
-  border: 2px solid var(--grey-75);
-  -webkit-box-shadow: 0px 0px 5px 5px rgba(208, 208, 213, 0.75);
-  -moz-box-shadow: 0px 0px 5px 5px rgba(208, 208, 213, 0.75);
-  box-shadow: 0px 0px 5px 5px rgba(208, 208, 213, 0.75);
-  padding: 0% 2%;
-} */
 
 .markdown-section {
   min-height: calc(100vh - 100px);
 }
-/* 
-.markdown {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-} */
-
-/* .markdown-box {
-  width: 100%;
-  font-size: 12px;
-  color: var(--grey-85);
-  border: 2px solid var(--grey-75);
-  -webkit-box-shadow: 3px 5px 5px 5px rgba(208, 208, 213, 0.75);
-  -moz-box-shadow: 3px 5px 5px 5px rgba(208, 208, 213, 0.75);
-  box-shadow: 3px 5px 5px 5px rgba(208, 208, 213, 0.75);
-  padding: 1% 2% 0.5% 2%;
-  margin-top: 0.5%;
-} */
-
-/* .copy-button {
-  background: var(--grey-05);
-  border: 2px solid var(--grey-75);
-  text-align: center;
-  cursor: pointer;
-  width: 80%;
-  justify-self: center;
-  padding: 2% 0%;
-  align-self: center;
-} */
-
-/* .download-button {
-  background: var(--grey-05);
-  border: 2px solid var(--grey-75);
-  text-align: center;
-  cursor: pointer;
-  width: 80%;
-  justify-self: center;
-  padding: 2% 0%;
-  align-self: center;
-} */
-
-/* .utils {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  margin-top: 4%;
-} */
-/* 
-.preview-button {
-  background: var(--grey-05);
-  border: 2px solid var(--grey-75);
-  text-align: center;
-  cursor: pointer;
-  width: 60%;
-  justify-self: end;
-  padding: 2% 0%;
-  align-self: center;
-} */
 
 .loader {
   height: 100vh;
@@ -216,152 +59,16 @@ body {
   font-size: 24px;
 }
 
-/* .back-button {
-  background: var(--grey-05);
-  border: 2px solid var(--grey-75);
-  text-align: center;
-  cursor: pointer;
-  width: 60%;
-  justify-self: start;
-  padding: 2% 0%;
-  align-self: center;
-} */
-/* 
-.title {
-  text-align: center;
-} */
-
-/* .subtitle {
-  text-align: center;
-} */
-
-/* .link {
-  text-decoration: none;
-  color: var(--dark-blue);
-} */
-
-/* .social-icon {
-  margin: 1%;
-} */
-
-/* .badge {
-  text-align: left;
-} */
-
-/* .github-cards {
-  display: flex;
-  justify-content: center;
-} */
-/* .github-stats-card {
-  margin: 1%;
-} */
-/* .top-languages-card {
-  margin: 1%;
-} */
-/* .social {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-} */
-/* 
-.icon {
-  width: 25px;
-  height: 25px;
-  margin: 1%;
-  cursor: pointer;
-} */
-
-/* .header {
-  width: 100%;
-  text-align: center;
-  display: inline-block;
-} */
-
-/* .heading {
-  color: var(--dark-blue);
-  font-family: "Lato", sans-serif;
-  cursor: pointer;
-} */
-
-/* .footer {
-  margin-top: 2%;
-  width: 100%;
-  text-align: center;
-  padding: 1%;
-} */
-/* .footer-pages {
-  display: grid;
-  grid-template-columns: repeat(
-    auto-fill,
-    minmax(min(calc(20% + 20vmin), 100%), 1fr)
-  );
-  color: var(--grey-75);
-} */
-/* .footer-proud {
-  margin: 2% 0%;
-} */
-
 a {
   text-decoration: none;
   cursor: pointer;
   color: inherit;
 }
 
-/* .github {
-  display: inline-flex;
-} */
-
-/* .github-button {
-  color: var(--grey-90);
-  font-size: 12px;
-  font-weight: bolder;
-  padding: 3%;
-  background: var(--grey-05);
-  border: 2px solid var(--grey-85);
-  margin: 1%;
-  width: 230px;
-} */
-
 .github-count {
   color: var(--dark-purple);
 }
-/* 
-.logo {
-  width: 40px;
-  height: 40px;
-} */
 
-/* .skills {
-  margin: 1%;
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-}
-.skills-category-title {
-  margin: 1% 1% 1% 2%;
-  font-size: 16px;
-  text-align: center;
-  color: var(--grey-75);
-}
-.skillCheckbox {
-  padding-left: 10%;
-}
-
-.skill-icon {
-  margin-left: 12%;
-  width: 40px;
-  height: 40px;
-  object-fit: contain;
-} */
-
-/* .skill-preview-icon {
-  width: 40px;
-  height: 40px;
-  margin: 1%;
-} */
-
-/* Tooltip css */
 
 .tooltiptext {
   visibility: hidden;
@@ -395,41 +102,6 @@ a {
   background: var(--grey-05);
 }
 
-/* .config-options {
-  margin-top: 48px;
-  padding: 1% 1% 1% 2%;
-  font-weight: 700;
-  font-size: 12px;
-  border: 2px solid var(--grey-15);
-} */
-/* .new-tag {
-  font-size: 14px;
-  padding: 2px 4px;
-  background: var(--dark-green);
-  color: white;
-} */
-/* .actions {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-}
-
-.actions .button {
-  max-width: 90px;
-  padding: 8px 16px;
-  align-self: center;
-  justify-self: end;
-  text-align: center;
-}
-
-.actions .data {
-  display: flex;
-  align-items: center;
-}
-
-.actions .data input {
-  flex: 1;
-} */
-
 @media only screen and (max-width: 580px) {
   .tooltiptext {
     display: none;
@@ -437,69 +109,16 @@ a {
 }
 
 @media only screen and (max-width: 1199px) {
-  /* .section-title {
-    font-size: 18px;
-    margin: 2% 0% !important;
-  }
-  .inputField {
-    font-size: 10px;
-  } */
-  /* .icon {
-    width: 20px;
-    height: 20px;
-  } */
+
   .checkbox {
     font-size: 12px;
   }
-  /* .button {
-    width: 60%;
-    margin: 2% 0%;
-    font-size: 14px;
-  } */
-  /* .badgeImage {
-    height: 15px;
-  } */
-  /* .heading {
-    font-size: 18px;
-  }
-  .footer {
-    font-size: 12px;
-  }
-  .footer-pages {
-    grid-template-columns: repeat(
-      auto-fill,
-      minmax(min(calc(10% + 20vmin), 100%), 1fr)
-    );
-  } */
-  /* .github-button {
-    font-size: 10px !important;
-    padding: 2% 1% !important;
-    width: 140px;
-  } */
+
   .logo {
     width: 20px;
     height: 20px;
   }
-  /* .skills {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .skill-icon {
-    margin-left: 12%;
-    width: 25px;
-    height: 25px;
-  } */
-  /* .skill-preview-icon {
-    width: 20px;
-    height: 20px;
-    margin: 1%;
-  } */
-  /* .hide-on-mobile {
-    display: none;
-  } */
-  /* #markdown-content {
-    word-break: break-all;
-  } */
+
   .tooltiptext {
     display: none;
   }
@@ -509,29 +128,7 @@ a {
   .workflow {
     font-size: 12px;
   }
-  /* .github-cards {
-    display: block;
-  } */
-  /* .github-stats-card{
-    text-align: center;
-  } */
-  /* .top-languages-card {
-    text-align: center;
-  } */
-  /* .github-stats-card > img{
-    width: 80%;
-  } */
-  /* .top-languages-card > img{
-    width: 80%;
-  } */
-  /* .skills-category-title {
-    font-size: 14px;
-  }
 
-  .actions {
-    grid-template-columns: 1fr;
-    flex-direction: column;
-  } */
 }
 
 
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 15a0e65..fa6af16 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -20,10 +20,6 @@
   @apply mt-0 mb-4;
 }
 
-/* .markdown p {
-  @apply flex justify-start items-center;
-} */
-
 .markdown li + li {
   @apply mt-1;
 }
diff --git a/src/templates/blogTemplate.js b/src/templates/blogTemplate.js
index b1b8c99..65eb61e 100644
--- a/src/templates/blogTemplate.js
+++ b/src/templates/blogTemplate.js
@@ -12,7 +12,6 @@ export default function Template({
     const { frontmatter, html } = markdownRemark
     return (
         <Layout>
-            {/* <Header heading="GitHub Profile README Generator" /> */}
             <Helmet>
               <meta charSet="utf-8" />
               <title>{frontmatter.title}</title>
@@ -21,14 +20,12 @@ export default function Template({
             <div className="m-4 sm:p-10">
                 <div className="blog-post">
                     <h1 className="text-4xl font-bold">{frontmatter.title}</h1>
-                    {/* <h2>{frontmatter.date}</h2> */}
                     <div
                         className="markdown"
                         dangerouslySetInnerHTML={{ __html: html }}
                     />
                 </div>
             </div>
-            {/* <Footer /> */}
         </Layout>
     )
 }