From 342e7e1f216eef419e32ba8763a4a76a396341eb Mon Sep 17 00:00:00 2001
From: Grant Shangreaux <shshoshin@protonmail.com>
Date: Sun, 5 Jan 2020 15:49:30 -0600
Subject: Add: CSS and replace oggs with mp3s

---
 audio/2019-mix-side-A.mp3 | Bin 0 -> 80391224 bytes
 audio/2019-mix-side-B.mp3 | Bin 0 -> 80734624 bytes
 style.css                 |  50 ++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 audio/2019-mix-side-A.mp3
 create mode 100644 audio/2019-mix-side-B.mp3
 create mode 100644 style.css

diff --git a/audio/2019-mix-side-A.mp3 b/audio/2019-mix-side-A.mp3
new file mode 100644
index 0000000..04dadc5
Binary files /dev/null and b/audio/2019-mix-side-A.mp3 differ
diff --git a/audio/2019-mix-side-B.mp3 b/audio/2019-mix-side-B.mp3
new file mode 100644
index 0000000..ebf96b9
Binary files /dev/null and b/audio/2019-mix-side-B.mp3 differ
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c2b9668
--- /dev/null
+++ b/style.css
@@ -0,0 +1,50 @@
+body {
+    background: lightblue;
+}
+
+p {
+    font-family: Courier, Monospace;
+    font-size: .8em;
+    width: 80%;
+    margin: auto;
+    margin-top: 1em;
+    padding: 1em;
+    border: 1px solid gray;
+}
+
+.intro {
+    margin-bottom: 1em;
+}
+
+.tape-container {
+    display: flex;
+    margin: auto;
+    width: 95%;
+}
+
+.tape {
+    width: 95%;
+    height: auto;
+    max-width: 50vw;
+}
+
+.tape-deck-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin: auto;
+    width: 95%;
+}
+
+.tape-deck {
+    margin: auto;
+    margin-top: 1em;
+}
+
+.buttons {
+    margin: auto;
+}
+
+.tape-deck-img {
+    max-width: 95vw;
+}
-- 
cgit v1.2.3