CSS style using color pallet and background image... not sure about it ?

style.css

@@ -1,5 +1,18 @@
 body{
-    background-color: #d3d3d3;
+    background-color: #eff4f9;
+    background-image: url("images/background/playstation-minimalism2.jpg");
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    font-family: 'Barlow';font-size: 16px;
+}
+
+.refresh{
+    background: #cadbeb;
+    border: 1px solid #5f94c2;
+    border-radius: 2px;
+    display: block;
+    padding-bottom: 3px;
+    margin-bottom: 10px;
 }
 
 .thumbnail {
@@ -24,12 +37,13 @@ body{
 
 .game{
     width: 500px;
-    background: #00b0bc;
-	border: 1px solid #027c84;
+    background: #cadbeb;
+	border: 1px solid #3b6f9d;
 	border-radius: 2px;
     margin-top: 10px;
     display: block;
     overflow: auto;
+    opacity: 0.9;
 }
 
 #message {
@@ -67,17 +81,19 @@ body{
 }
 
 .orderby {
+    color: #1f3b53;
+    font-weight: bold;
     align-content: center;
     display: inline-block;
-    background-color: #B7B7B7;
-    border: 1px solid #333333;
+    background-color: #95b8d7;
+    border: 1px solid #274a68;
     border-radius: 2px;
 }
 
 .material-icons.md-arrow {
-    color: #848484;
+    color: #5f94c2;
 }
-.material-icons.md-arrow.md-active { color: #027c84; }
+.material-icons.md-arrow.md-active { color: #274a68; }
 .vertical-align-middle {
     vertical-align: middle;
 }