1 files changed, 86 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..0175b0c
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,86 @@
+body {
+	background: black;
+	color: white;
+}
+
+svg {
+	fill: white;
+}
+
+.carousel-cell {
+	height: 70vh;
+	width: 80vw;
+
+	margin: 24px;
+
+
+}
+
+.carousel-cell img {
+	vertical-align: middle;
+/*	border-radius: 10px; */
+	height: 100%;
+	max-width: 100%;
+	object-fit: contain;
+}
+
+
+/*
+@media (max-width: 768px) {
+	.carousel-cell {
+		height: 100vh;
+	}
+}
+*/
+
+#slideshow-share button,
+#slideshow-bottom-controls button {
+	background: none;
+	border: none;
+	padding: 0;
+}
+
+#slideshow-share svg { height: 24px; width: 24px; }
+#slideshow-share button {
+	padding: 12px;
+	width: 48px;
+	height: 48px;
+}
+
+#slideshow-share,
+#slideshow-bottom-controls {
+	display: flex;
+	width: 80vw;
+	margin: auto;
+	justify-content: right;
+}
+
+
+#slideshow-bottom-controls {
+	margin: auto;
+	max-width: 768px;
+	button { width: 48px; height: 48px; }
+}
+
+
+
+footer {
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+}
+
+#bottom-container {
+	max-width: 1024px;
+	margin: auto;
+}
+
+#menu {
+	a { width: 100% }
+	svg { height: 48px; width: 100% }
+	display: flex;
+	width: 100%;
+	padding: 16px;
+	box-sizing: border-box;
+	border-top: 1px solid rgb(55, 65, 81);
+}