2 files changed, 34 insertions, 10 deletions
diff --git a/index.html b/index.html
index 8d252de..5ff37b6 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,14 @@
 		<title>cyfraeviolae</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<link rel="shortcut icon" type="image/x-icon" href="/cyfraeviolae/static/favicon.ico">
-		<link rel="stylesheet" href="/cyfraeviolae/static/styles.css">
+		<link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico">
+		<link rel="stylesheet" href="/static/styles.css">
 	</head>
 	<body>
 		<div class="container">
             <div class="header">
-                <a class="title" href="https://cyfraeviolae.org">CYFRAE VIOLAE</a>
+                <a class="top-title" href="https://cyfraeviolae.org">CYFRAE VIOLAE</a>
             </div>
-            <br>
 			<p>
                 <img src="/spectral-renga/static/favicon.ico" width=12 height=12>
 				<a class="work" href="/spectral-renga">Spectral Renga</a>
diff --git a/static/styles.css b/static/styles.css
index e5d471f..83ea480 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -33,9 +33,9 @@ body {
 	background: #fffaef;
 	color: DarkSlateGrey;
 	font-family: Charter, serif;
-	font-size: 18px;
+	font-size: 16px;
     text-align: center;
-    line-height: 1;
+    line-height: 1.2;
 }
 
 .container {
@@ -43,15 +43,22 @@ body {
     text-align: left;
     display: inline-block;
     margin: 1em;
+    min-width: 40%;
 }
 
 @media only screen and (min-width: 700px) {
     .container {
-        margin-top: 10%;
         border: 1px DarkSlateGrey dotted;
         border-radius: 4px;
         box-shadow: 4px 4px 0px DarkSlateGrey;
         padding: 2em;
+        max-width: 40em;
+    }
+}
+
+@media only screen and (min-height: 650px) {
+    .container {
+        margin-top: 10%;
     }
 }
 
@@ -69,13 +76,31 @@ a:hover {
 	color: #dd1b26;
 }
 
-
 .header {
     font-style: italic;
 }
 
-.title {
+.top-title {
     font-size: x-large;
     font-weight: bold;
-	letter-spacing: -0.5px;
+	letter-spacing: -1px;
+}
+
+.home {
+    font-style: italic;
+    font-size: 18px;
+    letter-spacing: -1.2px;
+}
+
+.home-link {
+}
+
+.title {
+    font-weight: bold;
+    text-transform: uppercase;
+}
+
+.sep {
+    margin-left: 6px;
+    margin-right: 6px;
 }