1 files changed, 34 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
new file mode 100644
index 0000000..9243cd5
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -0,0 +1,34 @@
+/* Viewer sections */
+
+.viewer-sections {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background: black;
+  color: white;
+  display: block;
+  white-space: nowrap;
+}
+.viewer-sections .viewer-section {
+  display: inline-flex;
+  white-space: normal;
+  width: 12rem;
+  margin: 1rem 0 1rem 1rem;
+  font-size: 16px;
+}
+.viewer-section > div {
+  height: 20rem;
+}
+.viewer-sections .section-thumbnail {
+  display: block;
+  border-radius: 1rem;
+  width: 12rem;
+  height: 8rem;
+  margin-bottom: 0.5rem;
+  background-size: cover;
+  background-position: center center;
+}
+.viewer-sections .section-media {
+  font-size: 14px;
+}
+\ No newline at end of file