diff --git a/site/css/stylesheet.css b/site/css/stylesheet.css
index 08f4c77..1563cc9 100644
--- a/site/css/stylesheet.css
+++ b/site/css/stylesheet.css
@@ -50,6 +50,10 @@
 }
 
 footer {
+    margin-top:2rem;
+    text-align:center;
+    font-size:.8rem;
+    color:#333
     padding-top: 2em;
     grid-area: footer;
 }
@@ -107,42 +111,6 @@
     display: block;
 }
 
-.index {
-    display:flex;
-    flex-direction:row
-}
-.index .article-list {
-    flex-grow:1
-}
-.index .article-list .article {
-    margin-bottom:1rem
-}
-.index .article-list .date {
-    display:block;
-    color:#333
-}
-.index aside {
-    width:40%
-}
-.index aside img {
-    display:block;
-    margin:0 auto 1rem;
-    border-radius:5px
-}
-.index aside dt {
-    font-size:.9rem
-}
-.index aside dd {
-    margin-left:0
-}
-.index aside dd:not(:last-child) {
-    margin-bottom:.5rem
-}
-@media(max-width:640px) {
-    .index aside {
-        display:none
-    }
-}
 article {
     margin:0 auto;
     max-width:720px;
@@ -155,39 +123,7 @@
     margin:0 auto!important;
     max-width:90%
 }
-@media(max-width:640px) {
-    article img,
-    article video,
-    article iframe {
-        max-width:calc(100% - 2rem)
-    }
-}
-article .comment {
-    margin:2rem auto 0;
-    max-width:80%;
-    color:#333
-}
-.footnotes {
-    font-size:.85rem
-}
-footer {
-    margin-top:2rem;
-    text-align:center;
-    font-size:.8rem;
-    color:#333
-}
-.float-img {
-    float:right;
-    display:inline;
-    padding-left:1rem
-}
-@media(max-width:640px) {
-    .float-img {
-        display:block;
-        float:none;
-        padding-left:inherit
-    }
-}
+
 pre {
     max-width: 50%;
     color: purple;
@@ -208,6 +144,13 @@
     color: #f6f1ec;
 }
 
+.output a {
+    font-style: italic;
+    text-align: center;
+    justify-content: space-between;
+    color: grey;
+}
+
 header nav {
     display: flex;
     align-items: center;
@@ -215,9 +158,23 @@
 }
 
 header a + a {
+    align-items: center;
+    justify-content: space-between;
     margin-left: 1rem;
 }
 
+header a + div {
+    align-items: center;
+    justify-content: space-between;
+    margin-left: 1rem;
+}
+
+@media(max-width:640px) {
+    header nav {
+        flex-direction: column;
+    }
+}
+
 /* ARTICLE LIST */
 .posts {
     margin: 0;
diff --git a/site/js/randomQuote.js b/site/js/randomQuote.js
new file mode 100644
index 0000000..e1693e1
--- /dev/null
+++ b/site/js/randomQuote.js
@@ -0,0 +1,26 @@
+var arr = [
+    {"quote":"Me encanta la bicicleta", "author":"Yunior, Holguin"},
+    {"quote":"La vita necesita más café y menos estrés", "author": "Café Maguana" },
+    {"quote":"Sta rottura de cojoni dei fascisti", "author": "Ivano Ceccarelli" },
+    {"quote":"It never gets easier, you just go faster", "author": "Velominati" },
+    {"quote":"Respect the earth; don’t litter", "author": "Common Sense™"},
+    {"quote":"Impara, Fai, Insegna", "author":"Ciclofficina Ciclostile" },
+    {"quote":"Never lift your bike over your head", "author": "Velominati"},
+    {"quote":"Padre Pio amico degli sbirri", "author": "Heavy Merda" },
+    {"quote":"Come un serpente indotto a camminare", "author": "Attrito"},
+    {"quote":"Fight for your right to party", "author": ""}
+];
+
+function random(arrayLength)
+{
+    return Math.floor(Math.random() * arrayLength);             // Math.random() returns a random number between 0 (inclusive),  and 1 (exclusive).
+}
+
+function generateRandomQuote()
+{
+    var randomNumber = random(arr.length);                   // 0 to 14
+    document.getElementById("quote").innerHTML = arr[randomNumber].quote;
+    document.getElementById("author").innerHTML = "<br>" + "[" + arr[randomNumber].author + "]"
+}
+
+generateRandomQuote();