1 files changed, 110 insertions, 0 deletions
diff --git a/src/styles/main.css b/src/styles/main.css
new file mode 100644
index 0000000..1c47ae6
--- /dev/null
+++ b/src/styles/main.css
@@ -0,0 +1,110 @@
+/* page */
+
+* {
+	font-family: monospace, monospace;
+}
+
+html {
+	margin: 2em auto 2em auto;
+	max-width: 72ch;
+}
+
+header {
+	margin-bottom: 2em;
+}
+
+header ul {
+	padding-left: 0;
+}
+
+header ul li {
+	display: inline-block;
+}
+
+header ul li:last-child {
+	float: right;
+}
+
+footer {
+	margin-top: 16em;
+	background-color: yellow;
+}
+
+/* link */
+
+a, a:hover, a:visited {
+	color: blue;
+}
+
+/* list */
+
+ul.index {
+	padding-inline-start: 0;
+}
+
+ul.index li {
+	margin: .4em 0 .4em 0;
+	display: block;
+}
+
+li {
+	overflow-wrap: break-word;
+}
+
+* li p {
+	margin-top: .6em;
+	margin-bottom: .6em;
+}
+
+* li, p {
+	line-height: 1.5em;
+}
+
+/* table */
+
+table {
+	font-size: .8em;
+	overflow: auto;
+	width: 100%;
+	border-collapse: collapse;
+}
+
+table th, table td {
+	padding: .4em 1em .4em 1em;
+	margin: 0;
+	overflow: hidden;
+}
+
+/* code */
+
+pre, p code, li code {
+	background-color: #eeeeee;
+	overflow: auto;
+}
+
+/* media file */
+
+img, video {
+	max-width: 100%;
+}
+
+/* screen size */
+
+@media only screen and (max-width: 72ch) {
+	* {
+		text-align: left;
+	}
+
+	body {
+		width: 90%;
+	}
+
+	header ul li {
+		display: block;
+		float: inherit !important;
+	}
+
+	table {
+		table-layout: fixed;
+	}
+}