1 files changed, 91 insertions, 0 deletions
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..15415cb
--- /dev/null
+++ b/index.css
@@ -0,0 +1,91 @@
+* {
+	box-sizing: border-box;
+}
+
+body {
+	background: black;
+	color: white;
+	display: flex;
+	flex-wrap: nowrap;
+	justify-content: center;
+	line-height: 1.5;
+	font-family: monospace;
+	font-size: 1rem;
+}
+
+main {
+	max-width: 80ch;
+	order: 0;
+}
+
+#users {
+	width: 20ch;
+	text-align: right;
+	order: -1;
+	margin-right: 1em;
+	overflow: hidden;
+}
+
+#right {
+	width: 50ch;
+}
+
+@media (max-width: 150ch) { #right { display: none; } }
+@media (max-width: 100ch) { #users { display: none; } }
+
+
+#users ul {
+	margin: 0;
+	list-style: none;
+}
+
+#heatmap {
+	position: absolute;
+	max-width: 80ch;
+	z-index: -100;
+}
+
+#heatmap a {
+	width: .75em;
+	height: .75em;
+	display: inline-block;
+	border-radius: 100%;
+	margin: .25em;
+}
+
+.box {
+	background: #0c0a0fc0;
+	box-shadow: 5px 5px 5px #0c0a0fc0;
+	padding: 1em 1.5ch;
+	display: inline-block;
+	margin: .5em;
+}
+
+main > *:not(#heatmap) {
+	margin: 1em;
+}
+
+pre, p {
+	margin: 0;
+}
+
+a {
+	color: #b5d0f4;
+}
+
+#users a {
+	color: #5e7ea8;
+}
+
+#right > * {
+	width : 100%;
+}
+
+#planet ul {
+	margin-left: 1ch;
+}
+
+.planetuser {
+	float: right;
+	opacity: 0.7;
+}