more styling - added content to sidebar

client/assets/scss/Sidebar.scss

@@ -5,32 +5,39 @@ $transitionDuration: .4s;
   width: 300px;
   padding-right: 1em;
   padding-left: 1em;
-  
+
   img{
       width: 100%;
       height: auto;
+      border-radius: 0.5em;
   }
-  
+
+  h2{
+    text-align: center;
+    margin-bottom: 0.5em;
+  }
+
   a.toggler{
     display: none;
   }
-  
+
   @media (max-width: 768px) {
     position: absolute;
     top: 0;
     right: 0;
     min-height: 100%;
-    
+    padding-top: 1em;
+
     transform: translateX(300px);
     -webkit-transform: translateX(300px);
     transition: transform $transitionDuration ease-out;
     -webkit-transition: transform $transitionDuration ease-out;
-    
+
     &.open {
       transform: translateX(0px);
       -webkit-transform: translateX(0px);
       border-left: 1px solid #EAEAEA;
-      
+
         &:before {
             content:    " ";
             display:    block;
@@ -41,12 +48,12 @@ $transitionDuration: .4s;
             top:        0;
             right:      100%;
         }
-        
+
         a.toggler{
             transform: rotate(450deg);
         }
     }
-    
+
     a.toggler{
         display: block;
         width: 2em;
@@ -59,6 +66,10 @@ $transitionDuration: .4s;
         transform: rotate(0deg);
         transition: transform $transitionDuration ease-out;
         -webkit-transition: transform $transitionDuration ease-out;
+
+        &:hover{
+          color: #3598db;
+        }
     }
   }
-}
+}