center some pages and fix some paddings

Author: carlosjorger

css/footer.css

@@ -1,12 +1,3 @@
-footer {
-    /* for guide */
-    /* border: solid 3px aqua; */
-    width: 60%;
-    margin: 0 auto;
-    margin-top: 5em;
-    margin-bottom: 5em;
-}
-
 .contacts {
     display: flex;
     flex-direction: column;

css/project-section.css

@@ -5,7 +5,7 @@
 
 .card-project {
 
-    padding: 0.5em;
+    padding: 0.3em;
     margin: 1em;
     width: 60%;
     display: flex;
@@ -15,34 +15,34 @@
 
 .card-title {
     color: var(--default-font-color);
-    padding: 0.5em;
+    padding: 0.3em;
 
 
 }
 
 .card-description {
-    padding: 1em;
+    padding: 0.3em;
     color: rgb(153, 249, 249);
     font-size: 0.6em;
     background-color: rgb(25, 18, 33);
 }
 
 .card-links {
-    padding: 0.5em;
+    padding: 0.3em;
     display: flex;
 }
 
 #open-ecommerce {
-    border-right: groove 0.2rem var(--default-secundary-font-color);
-    border-top: groove 0.2rem var(--default-secundary-font-color);
-    border-bottom: groove 0.2rem var(--default-secundary-font-color);
+    border-right: solid 0.1rem var(--default-secundary-font-color);
+    border-top: solid 0.1rem var(--default-secundary-font-color);
+    border-bottom: solid 0.1rem var(--default-secundary-font-color);
     align-self: flex-end;
 }
 
 #angular-portfolio {
-    border-left: groove 0.2rem var(--default-secundary-font-color);
-    border-top: groove 0.2rem var(--default-secundary-font-color);
-    border-bottom: groove 0.2rem var(--default-secundary-font-color);
+    border-left: solid 0.1rem var(--default-secundary-font-color);
+    border-top: solid 0.1rem var(--default-secundary-font-color);
+    border-bottom: solid 0.1rem var(--default-secundary-font-color);
     align-self: flex-start;
 
 }

css/styles.css

@@ -37,9 +37,9 @@ section {
   /* border: solid 3px aqua; */
   width: 60%;
   margin: 0 auto;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  height: calc(100vh - 4em);
+  margin-top: 3em;
+  margin-bottom: 3em;
+  height: calc(100vh - 6em);
   z-index: 2;
 
 }

index.html

@@ -83,7 +83,9 @@ <h2 class="subtitle reveal">These are my github repositories</h2>
           OpenEcommerce
         </div>
         <div class="card-description">
+          <p>
           OpenEcommerce is an ecommerce builded with .net. Using a hexagonal architecture, cqrs pattern and more interesting patterns.
+          </p>
         </div>
         <div class="card-links">
           <a class="icon-link" href="https://github.com/CarlosJorgeR/openEcommerce"><i class="fab fa-github fa-gl"></i></a>
@@ -94,7 +96,7 @@ <h2 class="subtitle reveal">These are my github repositories</h2>
           Angular Portfolio
         </div>
         <div class="card-description">
-          It is a personal portfolio builded with angular using really cool animation (Angular animations).
+          <p>It is a personal portfolio builded with angular using really cool animation (Angular animations).</p>
         </div>
         <div class="card-links">
           <a class="icon-link" href="https://github.com/CarlosJorgeR/portfolio"><i class="fab fa-github fa-gl"></i></a>