1 files changed, 78 insertions, 53 deletions

diff --git a/style.css b/style.css
index f11beb4..8a80ba3 100644
--- a/style.css
+++ b/style.css
@@ -1,68 +1,78 @@
 .container {
-    width:95%;
-    margin:auto;
-    overflow:hidden;
+    width: 95%;
+    margin: auto;
+    overflow: hidden;
 }
 
 @media screen and (max-width: 600px) {
-    .nav a:not(:first-child) {display: none;}
+    .nav a:not(:first-child) {
+        display: none;
+    }
+
     .nav a.icon {
-      float: right;
-      display: block;
+        float: right;
+        display: block;
     }
-  }
-  
-  
-  @media screen and (max-width: 600px) {
-    .nav.responsive {position: relative;}
+}
+
+
+@media screen and (max-width: 600px) {
+    .nav.responsive {
+        position: relative;
+    }
+
     .nav.responsive a.icon {
-      position: absolute;
-      right: 0;
-      top: 0;
+        position: absolute;
+        right: 0;
+        top: 0;
     }
+
     .nav.responsive a {
-      float: none;
-      display: block;
-      text-align: left;
+        float: none;
+        display: block;
+        text-align: left;
     }
-  } 
+}
 
-body{
+body {
     font-family: 'Roboto', sans-serif;
-    padding:0;
-    margin:0;
+    padding: 0;
+    margin: 0;
     background: #333;
     color: white
 }
+
 a {
     color: white;
 }
+
 .iframe {
     display: block;
 }
+
 .subtitle {
     font-size: 40px;
     text-align: center;
 }
 
 .footer {
-    padding:20px;
-    margin-top:20px;
-    color:white;
+    padding: 20px;
+    margin-top: 20px;
+    color: white;
     background-color: #1f8e42;
     text-align: center;
 }
 
-.title{
+.title {
     font-size: 40px;
     text-align: center;
 }
 
-#title{
+#title {
     border: solid white 5px;
 }
 
-#navigation{
+#navigation {
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
@@ -78,15 +88,16 @@ ul.navbar {
     background-color: black;
 }
 
-li.list-blog{
+li.list-blog {
     text-decoration: none;
     display: block;
 }
 
-li.logo{
+li.logo {
     font-weight: bold;
     color: white;
 }
+
 li.nav {
     float: left;
     display: block;
@@ -96,7 +107,7 @@ li.nav {
     text-decoration: none;
 }
 
-a.nav{
+a.nav {
     color: white;
     text-decoration: none;
 }
@@ -116,36 +127,46 @@ li a:hover {
 
 
 .btn {
-    border: none; 
+    border: none;
     font-size: 14px;
-    color: white; 
-    padding: 14px 30px; 
+    color: white;
+    padding: 14px 30px;
     text-decoration: none;
 }
 
-.default {background-color: #348d43; color: white;}
-.default:hover {background: #ddd;}
+.default {
+    background-color: #348d43;
+    color: white;
+}
+
+.default:hover {
+    background: #ddd;
+}
 
 
 .jumbotron {
     padding: 2rem 1rem;
     margin-bottom: 2rem;
     background-color: #1f8e42;
-  }
-  
-  @media (min-width: 576px) {
+}
+
+@media (min-width: 576px) {
     .jumbotron {
-      padding: 4rem 2rem;
+        padding: 4rem 2rem;
     }
-  }
-  
-  .jumbotron-fluid {
+}
+
+.jumbotron-fluid {
     padding-right: 0;
     padding-left: 0;
     border-radius: 0;
-  }
+}
+
+.jumbotron a {
+    text-decoration: none;
+}
 
-  .card {
+.card {
     background: white;
     color: black;
     padding: 20px;
@@ -154,19 +175,23 @@ li a:hover {
 }
 
 .container-blog {
-    width:95%;
-    margin:auto;
-    overflow:hidden;
+    width: 95%;
+    margin: auto;
+    overflow: hidden;
+}
+
+.container-blog a {
+    text-decoration: none;
 }
 
 
 .row-cards {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  margin-right: -15px;
-  margin-left: -15px;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin-right: -15px;
+    margin-left: -15px;
 }
 
 .row-column:after {