diff --git a/css/style.css b/css/style.css
index e69de29..84cd347 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,17 @@
+div {
+    background-color: rgb(181, 122, 236);
+    margin: 5px;
+}
+.header{
+    position: relative; top: 20px;
+}
+.controls{
+    padding-left: 12px;
+    position: relative; left: 20px;
+}
+.button{
+    background-color: rgb(65, 241, 188);
+}
+.mainframe{
+    background-color: aliceblue;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 681f2b6..ff1dce4 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
         <div class="button" name="moodle">moodle</div>
         <div class="button" name="admin">admin</div>
     </div>
-    <div class="main"></div>
+    <div class="mainframe">reports</div>
     <script src="js/main.js"></script>
 </body>
 </html>
\ No newline at end of file