change some font-size and color

Author: carlosjorger

css/navbar.css

@@ -13,7 +13,7 @@
 
 .nav-link {
     padding: 1em;
-    color: white;
+    color: var(--default-font-color);
     text-decoration: none;
     /* background-image:none; */
     transition: all 0.5s ease-in-out;
@@ -22,11 +22,11 @@
 
 .nav-link:hover {
     background-color: rgb(36, 28, 45);
-    color: var(--default-secundary-font-color)!important
+    color: var(--default-secundary-font-color) !important
 }
 
 .nav-link:visited {
-    color: white;
+    color: var(--default-font-color);
     text-decoration: none;
     background-image: none;
 }

css/presentation-section.css

@@ -14,7 +14,7 @@
 }
 
 #presentation-main-skill {
-    font-size: 1.8rem;
+    font-size: 2rem;
     opacity: 0;
     animation-name: show-presentation-main-skill;
     animation-timing-function: ease;

css/styles.css

@@ -37,9 +37,9 @@ section {
   /* border: solid 3px aqua; */
   width: 60%;
   margin: 0 auto;
-  margin-top: 3em;
-  margin-bottom: 3em;
-  height: calc(100vh - 6em);
+  margin-top: 2.5em;
+  margin-bottom: 2.5em;
+  height: calc(100vh - 5em);
   z-index: 2;
 
 }
@@ -99,7 +99,7 @@ nav {
   color: var(--default-font-color);
   font-family: var(--default-font-family);
   /* for font-size I use to avoid cascading problem*/
-  font-size: 1.7rem;
+  font-size: 2rem;
 
 }
 .centered-article{
@@ -224,7 +224,7 @@ nav {
 
 @media (max-width: 510px) {
   :root {
-    font-size: 17px;
+    font-size: 15px;
   }
 
   p {
@@ -243,7 +243,7 @@ nav {
 
 @media (max-width: 350px) {
   :root {
-    font-size: 13px;
+    font-size: 10px;
   }
 
   p {

index.html

@@ -76,7 +76,7 @@ <h2 class="subtitle reveal">
   </section>
   <section>
     <article id="work">
-      <h2 class="subtitle reveal">These are my github repositories</h2>
+      <h2 class="subtitle reveal">Some projects I've make</h2>
      <div class="card-projects">
       <div id="open-ecommerce" class="card-project reveal">
         <div class="card-title">