color improvements

css/main.css

@@ -17,6 +17,16 @@ body {
   background-image: url(../images/wood.png);
 }
 
+footer {
+  height: 60px;
+  width: 100%;
+  bottom: 0px;
+  right: 0px;
+  position: absolute;
+  background-color: #2f6564;
+  z-index: 10;
+}
+
 h1, logo span {
   font-family: "Langar", sans-serif;
   position: absolute;
@@ -31,6 +41,7 @@ h1, logo span {
   -webkit-user-select: none; /* Safari */
   -ms-user-select: none; /* IE 10 and IE 11 */
   user-select: none; /* Standard syntax */
+  text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
 }
 
 logo span {
@@ -44,10 +55,10 @@ h1 span {
 }
 
 article {
-  border: 4px solid #285a71;
+  border: 4px solid #498584;
   border-top-width: 2.6rem;
   background-color: white;
-  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.3);
   position: absolute;
   padding: 4px 0px;
   min-width: 500px;
@@ -67,7 +78,7 @@ article.ontop {
   z-index: 120;
 }
 article.expanded {
-  border-color: #00AEC1;
+  border-color: black;
   z-index: 120 !important;
 }
 
@@ -102,11 +113,11 @@ logo {
   left: 140px;
   background-size: 680px 400px;
   z-index: 50;
-  border: 4px solid #285a71;
+  border: 4px solid #498584;
   border-top-width: 2.6rem;
   background-color: white;
-  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5);
-  border-color: #00AEC1;
+  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.3);
+  border-color: black;
   transition: all 0.3s ease-in-out;
   position: absolute;
   background-position: calc(50% - 30px) 50%;
@@ -123,7 +134,7 @@ logo.sidebar {
   left: 30px;
   top: 30px;
   z-index: 10;
-  border-color: #285a71;
+  border-color: #498584;
 }
 
 /*# sourceMappingURL=main.css.map */