some more minor cosmetic adjustments

src/App.vue

···
   --main-text: #edf2f7;
   --links: #a0aec0;
   --links-hover: #2c5282;
-  --text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.65),
-    -3px -3px 3px rgba(0, 0, 0, 0.65);
 }
 
 body {

src/components/Footer.vue

···
 <template>
   <div>
     <div
-      class="w-1/2 text-center bg-gray-400 border-blue-300 border rounded-md p-4 mx-auto my-4"
+      class="w-1/3 text-center bg-gray-300 border-blue-300 border rounded-md p-2 mx-auto my-4"
     >
       <a
         href="https://github.com/rogerio-romao"
         target="_blank"
-        class="text-xl p-3 m-3 hover:text-blue-500"
+        class="text-xl m-2 hover:text-blue-500"
       >
         GitHub
         <FontAwesomeIcon :icon="['fab', 'github-square']" />
···
       <a
         href="https://codepen.io/rogerio-romao"
         target="_blank"
-        class="text-xl p-3 m-3 hover:text-blue-500"
+        class="text-xl m-2 hover:text-blue-500"
       >
         CodePen
         <FontAwesomeIcon :icon="['fab', 'codepen']" />
       </a>
     </div>
     <footer>
-      <small class="text-red-800">Coded by Rogerio Romao 2020 </small>
+      <small class="text-red-800 ml-4 mb-4">Coded by Rogerio Romao 2020 </small>
     </footer>
   </div>
 </template>
···
 };
 </script>
 
-<style></style>
+<style>
+a {
+  display: inline-block;
+}
+</style>

src/components/Portfolio.vue

···
 <template>
   <div class="px-6 mx-auto folio">
     <div
-      class="border border-red-600 theme-bg text-gray-200 w-full h-full p-4 flex-col mx-auto"
+      class="border border-red-600 theme-bg w-full h-full p-4 flex-col mx-auto"
     >
       <div class="w-full flex items-center mx-auto border-b pb-2">
         <h3 class="text-md font-semibold uppercase">Project Type:</h3>
···
           {{ technology }}
         </span>
       </div>
-      <div
-        class="w-full flex mt-3 text-gray-200 items-center border-b pb-2 flex-wrap"
-      >
+      <div class="w-full flex mt-3 items-center border-b pb-2 flex-wrap">
         <h3 class="text-md font-semibold uppercase">Project name:</h3>
         <transition mode="out-in" name="fade">
           <span
···
         </span>
       </div>
       <Projects @projectChange="changeProject($event)" />
-      <div class="description mt-5 text-gray-200">
+      <div class="description mt-5">
         <h3 class="text-md font-semibold uppercase text-center">
           Project Description
         </h3>

src/components/TopNav.vue

···
     changeTheme() {
       if (this.theme === "dark") {
         this.theme = "light";
-        document.documentElement.style.setProperty("--main-bg", "#bbb");
+        document.documentElement.style.setProperty("--main-bg", "#ccc");
         document.documentElement.style.setProperty("--secondary-bg", "#fff");
-        document.documentElement.style.setProperty("--text-shadow", "none");
         document.documentElement.style.setProperty("--font-color", "#aaa");
-        document.documentElement.style.setProperty("--main-text", "#fff");
+        document.documentElement.style.setProperty("--main-text", "#444");
         document.documentElement.style.setProperty("--links-hover", "#3182ce");
         document.documentElement.style.setProperty("--links", "#2c5282");
         document.documentElement.style.setProperty("--font-title", "#9b2c2c");
···
         this.theme = "dark";
         document.documentElement.style.setProperty("--main-bg", "#1a202c");
         document.documentElement.style.setProperty("--secondary-bg", "#000000");
-        document.documentElement.style.setProperty(
-          "--text-shadow",
-          "3px 3px 3px rgba(0, 0, 0, 0.65), -3px -3px 3px rgba(0, 0, 0, 0.65)"
-        );
         document.documentElement.style.setProperty("--font-color", "#e2e8f0");
         document.documentElement.style.setProperty("--main-text", "#edf2f7");
         document.documentElement.style.setProperty("--links-hover", "#2c5282");
···
 h1 {
   font-family: "Oswald", sans-serif !important;
   letter-spacing: 1px;
-  text-shadow: var(--text-shadow);
   color: var(--font-title);
 }
 .nav {