diff --git a/.gitignore b/.gitignore
index d0b1585..b8dd350 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,7 +29,7 @@ share/python-wheels/
 .installed.cfg
 *.egg
 MANIFEST
-static/
+#static/
 !apps/*/static
 
 # PyInstaller
diff --git a/viewer/static/css/styles.css b/viewer/static/css/styles.css
new file mode 100644
index 0000000..e688cb3
--- /dev/null
+++ b/viewer/static/css/styles.css
@@ -0,0 +1,92 @@
+/****************************************************************************
+ * Containers.                                                              *
+ ****************************************************************************/
+
+.centered-container {
+    width: 100%;
+    text-align: center;
+    margin-bottom: 0.5em;
+}
+
+.background {
+    background-color: lightgray;
+}
+
+.image-container {
+    height: 75vh;
+}
+
+/****************************************************************************
+ * Content.                                                                 *
+ ****************************************************************************/
+
+.image {
+    height: 100%;
+}
+
+/****************************************************************************
+ * Grid.                                                                    *
+ ****************************************************************************/
+
+.grid-container {
+    display: flex;
+    flex: 1;
+}
+
+.grid {
+    max-width: 1920px;
+    margin: 0 auto;
+    display: grid;
+    grid-gap: 1rem;
+    grid-template-rows: auto auto 1fr 1fr 1fr auto auto;
+}
+
+.grid-icon {
+    text-align: center;
+}
+
+.column {
+    flex-direction: column;
+    text-align: center;
+    border: black 1px solid;
+}
+
+/****************************************************************************
+ * Media queries.                                                           *
+ ****************************************************************************/
+
+@media (min-width: 700px) {
+    .grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (min-width: 900px) {
+    .grid {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}
+
+@media (min-width: 1024px) {
+    .grid {
+        grid-template-columns: repeat(5, 1fr);
+    }
+}
+
+@media (min-width: 1280px) {
+    .grid {
+        grid-template-columns: repeat(7, 1fr);
+    }
+}
+
+@media (min-width: 1440px) {
+    .grid {
+        grid-template-columns: repeat(9, 1fr);
+    }
+}
+
+@media (min-width: 1800px) {
+    .grid {
+        grid-template-columns: repeat(11, 1fr);
+    }
+}
diff --git a/viewer/static/imgs/back.png b/viewer/static/imgs/back.png
new file mode 100755
index 0000000..39c58b3
Binary files /dev/null and b/viewer/static/imgs/back.png differ
diff --git a/viewer/static/imgs/folder-pictures.png b/viewer/static/imgs/folder-pictures.png
new file mode 100755
index 0000000..591b529
Binary files /dev/null and b/viewer/static/imgs/folder-pictures.png differ
diff --git a/viewer/static/imgs/gohome.png b/viewer/static/imgs/gohome.png
new file mode 100755
index 0000000..7936733
Binary files /dev/null and b/viewer/static/imgs/gohome.png differ
diff --git a/viewer/static/imgs/pattern.png b/viewer/static/imgs/pattern.png
new file mode 100644
index 0000000..728e142
Binary files /dev/null and b/viewer/static/imgs/pattern.png differ