Add cosmetic changes to the master css

* Alter info box color
+ Add transition to article content

docs/_template/light-dark-theme/styles/light.css

@@ -23,10 +23,29 @@ a {
     word-wrap: break-word;
 }
 
+/* alert */
+.alert-info {
+    color: hsl(200, 70%, 30%);
+    background-color: hsl(200, 60%, 85%);
+    border-color: hsl(200, 50%, 70%);
+}
+
+.alert-danger {
+    color: hsl(0, 70%, 30%);
+    background-color: hsl(0, 60%, 85%);
+    border-color: hsl(0, 50%, 70%);
+}
+
+.alert-warning {
+    color: hsl(40, 70%, 30%);
+    background-color: hsl(40, 60%, 85%);
+    border-color: hsl(40, 50%, 70%);
+}
+
 /* code */
 
 code {
-    color: #3b5269;
+    color: #9c3a3f;
     background-color: #ececec;
     border-radius: 4px;
     padding: 3px 7px;

docs/_template/light-dark-theme/styles/master.css

@@ -9,6 +9,7 @@ body {
 p,
 li,
 .toc {
+    text-rendering: optimizeLegibility;
     line-height: 160%;
 }
 
@@ -19,6 +20,21 @@ img {
     margin-bottom: 15px;
 }
 
+article.content p{
+    -webkit-transition: all .75s ease-in-out;
+    transition: all .75s ease-in-out;
+}
+
+article.content h1,
+article.content h2,
+article.content h3,
+article.content h4,
+article.content h5,
+article.content h6{
+    -webkit-transition: all .25s ease-in-out;
+    transition: all .25s ease-in-out;
+}
+
 h1,
 h2,
 h3,
@@ -66,8 +82,8 @@ select {
 }
 
 /* 
-    Following code regarding collapse container are fetched 
-    or modified from the Materialize project.
+    Following code are fetched or modified from 
+    the Materialize project.
 
     The MIT License (MIT)
     Copyright (c) 2014-2018 Materialize
@@ -75,14 +91,17 @@ select {
 */
 
 /* all collapse container */
+
 .collapse-container.last-modified {
     margin: 0.5rem 0 1rem 0;
 }
 
 /* header */
+
 .collapse-container.last-modified>:nth-child(odd):focus {
     outline: 0;
 }
+
 .collapse-container.last-modified>:nth-child(odd) {
     display: -webkit-box;
     display: -webkit-flex;
@@ -92,11 +111,12 @@ select {
     -webkit-tap-highlight-color: transparent;
     line-height: 1.5;
     padding: 0.75rem;
-    background-image:none;
+    background-image: none;
     border: 0px;
 }
 
 /* body */
+
 .collapse-container.last-modified>:nth-child(even) {
     display: none;
     -webkit-box-sizing: border-box;
@@ -104,3 +124,20 @@ select {
     padding: 1rem;
     border: 0px;
 }
+
+/* nav bar */
+
+.nav {
+    margin: 0;
+}
+
+.nav li {
+    -webkit-transition: background-color .3s, color .3s;
+    transition: background-color .3s, color .3s;
+}
+
+.nav a {
+    -webkit-transition: background-color .3s, color .3s;
+    transition: background-color .3s, color .3s;
+    cursor: pointer;
+}