Updated logos, background, added new animations

Frontend/assets/css/frame.css

@@ -19,13 +19,14 @@ body {
 }
 
 div#header {
-    background-color: rgb(85, 85, 85);
+    background-color: #FFFFFF;
     width: 100%;
     height: 80px;
 }
 
 #logo {
     padding: 20px 20px 20px;
+    max-width: 250px;
 }
 
 iframe#frame {
@@ -41,11 +42,11 @@ div#content {
 div#toolList {
     float: left;
     width: 200px;
-    background-color: rgb(85, 85, 85);
+    background-color: #FFFFFF;
     height: 100%;
 }
 
-li{
+li {
     font-size: 20px;
     font-weight: bold;
 }
@@ -69,19 +70,21 @@ ul#toolList {
     overflow: hidden;
     display: block;
     float: left;
-    background-color: rgb(85, 85, 85);
+    background-color: #FFFFFF;
     width: 100%;
 }
 
 #toolListRow a {
     display: block;
-    color: white;
+    color: black;
     text-align: center;
     padding: 20px 50px 25px;
     text-decoration: none;
 }
 
 #toolListRow a:hover {
-    background-color: #111111;
+    background-color: #2A93B0;
+    color: white;
+    transform: scale(1.25, 1.25);
     transition-duration: .3s;
 }