new look

5 files changed, 47 insertions, 124 deletions

diff --git a/static/EBGaramond-Italic-VariableFont_wght.ttf b/static/EBGaramond-Italic-VariableFont_wght.ttf
deleted file mode 100644
index fa31b71..0000000
--- a/static/EBGaramond-Italic-VariableFont_wght.ttf
+++ /dev/null
diff --git a/static/EBGaramond-VariableFont_wght.ttf b/static/EBGaramond-VariableFont_wght.ttf
deleted file mode 100644
index 123d5dd..0000000
--- a/static/EBGaramond-VariableFont_wght.ttf
+++ /dev/null
diff --git a/static/FiraMono-Regular.ttf b/static/FiraMono-Regular.ttf
new file mode 100644
index 0000000..3910f17
--- /dev/null
+++ b/static/FiraMono-Regular.ttf
diff --git a/static/style.css b/static/style.css
deleted file mode 100644
index 97484ea..0000000
--- a/static/style.css
+++ /dev/null
@@ -1,124 +0,0 @@
-@font-face {
-	font-family: EBGaramond;
-	src: url(/spectral-renga/static/EBGaramond-VariableFont_wght.ttf) format('woff2-variations');
-	font-style: normal;
-}
-
-@font-face {
-	font-family: EBGaramond;
-	src: url(/spectral-renga/static/EBGaramond-Italic-VariableFont_wght.ttf) format('woff2-variations');
-	font-style: italic;
-}
-
-body {
-	background: #fdf3f3;
-	color: DarkSlateGrey;
-	font-family: EBGaramond, serif;
-}
-
-a {
-	color: #1a97bf;
-}
-
-a:hover {
-	color: #075d77;
-}
-
-button[type="submit"] {
-	color: DarkSlateGrey;
-}
-
-@media (max-width: 800px) {
-	.container {
-		margin-left: 0.5em;
-		margin-right: 0.5em;
-	}
-
-	.navbar {
-		margin-top: 0.5em;
-	}
-}
-@media (min-width: 800px) {
-	.container {
-		margin-left: 1em;
-		margin-right: 1em;
-	}
-
-	.navbar {
-		margin-top: 1em;
-	}
-
-	body {
-		font-size: large;
-	}
-}
-
-.row {
-	margin-bottom: 1em;
-}
-
-.verse {
-	list-style: none;
-	padding-left: 0;
-	margin: 0;
-}
-
-.verse > li {
-	margin-bottom: 0;
-}
-
-p {
-	margin-top: 0;
-}
-
-.neighbors {
-	margin-bottom: 1.5em;
-}
-
-form > div {
-	margin-bottom: 8px;
-}
-
-label {
-	margin-right: 4px;
-}
-
-.focus {
-	font-weight: bold;
-}
-
-.outline {
-	background: black;
-}
-
-.domain-name, .title {
-	letter-spacing: -1.5px;
-}
-
-input[type="text"] {
-	width: 75%;
-	max-width: 50em;
-}
-
-.nonbreaking {
-	white-space: nowrap;
-}
-
-.manage-box {
-	display: inline-block;
-	border: 1px crimson dotted;
-	padding: .5em;
-}
-
-.manage-btn {
-	margin: .5em;
-}
-
-.manage-form {
-	display: inline-block;
-}
-
-.sep {
-    margin-left: 6px;
-    margin-right: 6px;
-}
diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..69a060d
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,47 @@
+.verse {
+	list-style: none;
+	padding-left: 0;
+	margin: 0;
+}
+
+.verse-container {
+	margin-top: 1em;
+}
+
+.focus {
+	font-weight: bold;
+}
+
+.outline {
+	background: black;
+}
+
+input[type="text"] {
+	width: 75%;
+	max-width: 50em;
+}
+
+.nonbreaking {
+	white-space: nowrap;
+}
+
+.manage-box {
+	display: inline-block;
+	border: 1px crimson dotted;
+	padding: .5em;
+	margin-top: 1em;
+}
+
+.manage-btn {
+	margin: .5em;
+}
+
+.manage-form {
+	display: inline-block;
+}
+
+.domain-name {
+    letter-spacing: -1.5px;
+    font-style: italic;
+    font-weight: bold;
+}