diff --git a/css/main.css b/css/main.css
index ebd0ebd..319ade0 100644
--- a/css/main.css
+++ b/css/main.css
@@ -96,7 +96,13 @@ textarea {
    ========================================================================== */
 
 
+   .up {
+    background-color:red;
+   }
 
+   .down {
+    background-color:blue;
+   }
 
 
 
diff --git a/js/main.js b/js/main.js
index 183d3eb..7b88530 100644
--- a/js/main.js
+++ b/js/main.js
@@ -8,6 +8,17 @@ if (window.DeviceMotionEvent) {
 function deviceMotionHandler(eventData) {
   // Grab the acceleration from the results
   var acceleration = eventData.acceleration;
-  $("#accelerationX").html(acceleration.x.toPrecision(2));
+  var trimmedaccel = acceleration.x.toPrecision(2)
+  
+  switch (trimmedaccel >= 0) {
+  	case true:
+  		$("body").addClass('up');
+  		$("body").removeClass('down');
+  	break;
+  	case false:
+  		$("body").addClass('down');
+  		$("body").removeClass('up');
+  	break;
+  }
 
 }
\ No newline at end of file