changed background colors

css/style.css

@@ -4,8 +4,10 @@ html, body {
     font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;;
     font-size: 15px;
     line-height:  170%;
-    color: #35465D;    
-    background-color: #506692;    
+    //color: #35465D;    
+    color: #506692;
+    background-color: #d6e2fa;
+    //background-color: #506692;    
 }
 
 .title {
@@ -13,7 +15,9 @@ html, body {
 }
 
 .title:hover {
-    background-color: #687fad;    
+    //background-color: #687fad;    
+    color: lightblue;    
+    background-color: #d6e2fa;
 }
 
 article {
@@ -38,7 +42,8 @@ article {
 
 .posts{
     width: 700px;
-    background-color: #506692;
+    //background-color: #506692;
+    background-color: #d6e2fa;
 }
 
 .post{
@@ -53,7 +58,8 @@ article {
 h1 {
 	letter-spacing: 5px;
 	font-size: 40px;
-	color: #97c5e0;
+	//color: #97c5e0;
+    color: #506692;
     text-align: center;
     padding-top: 30px;
 }
@@ -69,11 +75,12 @@ a {
 }
 
 a:hover {
-    background-color: #ffffff;
+	color: lightblue;
+    --background-color: #ffffff;
 }
 
 img {
-	border-radius: 10px;
+	//border-radius: 10px;
 	display: block;
 	width: 100%;
     max-width: 600px;   
@@ -93,7 +100,8 @@ ul {
 
 .tagline{
     text-align: center;
-	color: #97c5e0;
+    color: #506692;
+	//color: #97c5e0;
 }
 
 .menu{
@@ -115,7 +123,9 @@ ul {
 }
 
 .menuElement:hover {
-    background-color: #687fad;    
+    //background-color: #687fad;    
+    color: lightblue;    
+    background-color: #d6e2fa;
 }
 
 .bottomMenu {
@@ -132,7 +142,9 @@ ul {
 }
 
 .bottomMenuElement:hover {
-    background-color: #ffffff;
+    //background-color: #ffffff;
+    //color: lightblue;    
+    //background-color: #d6e2fa;
 }
 
 #menu ul{