diff --git a/static/style.css b/static/style.css
index 9d23ceb..a9e96c4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,3 +1,21 @@
 body {
   font-family: sans-serif;
+  margin: 0;
+}
+
+#container {
+  display: flex;
+  flex-direction: column;
+}
+
+#header {
+  border: 1px solid green;
+}
+
+#title {
+  font-size: 14pt;
+}
+
+#content {
+  border: 1px solid red;
 }
diff --git a/templates/base.html b/templates/base.html
index 10ce608..848ebaf 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,5 +3,11 @@
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
 <title>{{ config["directory"] }} - {{ cloud_name }}</title>
-<h1>{{ config["directory"] }}</h1>
-{% block content %}{% endblock %}
+<div id="container">
+  <div id="header">
+    <span id="title">{{ config["directory"] }}</span>
+  </div>
+  <div id="content">
+    {% block content %}{% endblock %}
+  </div>
+</div>