Initial commit

static/style.css

@@ -0,0 +1,87 @@
+::selection{
+	color: black;
+	background-color: #E60073;
+}
+
+body {
+	background: black;
+	color: #E60073;
+	font-family: monospace;
+	font-size: 1.2em;
+	margin:0;
+	padding:0;
+}
+
+summary{cursor:pointer;}
+
+a{
+	color: #E60073;
+	text-decoration: none;
+}
+
+a::after{ content: ']'; }
+a::before{ content: '['; }
+
+a:hover{
+	color: black;
+	background-color: #E60073;
+}
+
+img{
+	max-width: 100%;
+	align-self: center;
+}
+
+figcaption{
+	text-align: center;
+}
+
+span{
+	text-align: center;
+}
+
+main{
+	margin: auto;
+	max-width: 80ch;
+	padding: 1em;
+}
+
+a.anchor{visibility: hidden; text-decoration: none;}
+h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content:"> ";}
+h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{visibility:visible;}
+:target{color:black; background-color: #E60073;}
+
+
+footer{
+	text-align: center;
+	border-top:1pt solid;
+	margin-top: 1em;
+}
+
+footer pre{
+	margin: 0;
+}
+
+@media(min-width: 81ch){
+	header{
+		display:flex;
+		justify-content: space-around;
+	}
+	menu{
+		display:flex;
+	}
+	menu a{
+		padding:1em;
+	}
+}
+@media(max-width: 80ch){
+	header{
+		display: block;
+	}
+	header h1{
+		text-align: center;
+	}
+	menu{
+		visibility: collapse;
+	}
+}