diff --git a/app/css/app.css b/app/css/app.css
index e69de29..c192a1e 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -0,0 +1,6 @@
+#log{
+	position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 100px;
+}
\ No newline at end of file
diff --git a/app/css/app.less b/app/css/app.less
new file mode 100644
index 0000000..3836ef7
--- /dev/null
+++ b/app/css/app.less
@@ -0,0 +1,19 @@
+
+
+#footer{
+	position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 100px;
+}
+
+#log{
+	position: fixed;
+	width: 700px;
+}
+
+#status{
+	position: fixed;
+	width: 100px;
+	right: 0;
+}
\ No newline at end of file
diff --git a/app/gulpfile.js b/app/gulpfile.js
index dd832a9..97b1bbb 100644
--- a/app/gulpfile.js
+++ b/app/gulpfile.js
@@ -1,4 +1,5 @@
 var gulp = require('gulp'),
+	less = require('gulp-less'),
 	concat = require('gulp-concat');
 
 var scripts = [
@@ -16,4 +17,10 @@ gulp.task('js', function () {
     	.pipe(gulp.dest('./js/'));
 });
 
-gulp.task('default', ['js']);
\ No newline at end of file
+gulp.task('less', function () {
+	return gulp.src('./css/*.less')
+		.pipe(less())
+		.pipe(gulp.dest('./css'));
+});
+
+gulp.task('default', ['js', 'less']);
\ No newline at end of file