First release.

src/styles/global.css

@@ -0,0 +1,99 @@
+@media screen and (max-width: 125ex) {
+  body {
+    width: 95%;
+  }
+}
+
+@media screen and (min-width: 125ex) {
+  body {
+    width: 125ex;
+  }
+}
+
+html {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  font-family: "Consolas", "Hack", -apple-system,
+    BlinkMacSystemFont, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei",
+    "WenQuanYi Micro Hei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1em;
+  margin: auto;
+  overflow-y: scroll;
+  min-height: 100%;
+  line-height: 1.5;
+}
+
+a {
+  text-decoration: none;
+  color: #275d93;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+hr {
+  width: 100%;
+  height: 1px;
+  background: #ccc;
+  color: #ccc;
+  margin: 1em 0;
+  border: none;
+  padding: 0;
+}
+
+/* table start */
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+}
+
+table tr th,
+table tr td {
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  padding: 5px;
+}
+
+table tr th:first-child,
+table tr td:first-child {
+  border-left: 1px solid #ccc;
+}
+
+table tr th:first-child,
+table tr td:first-child {
+  border-left: 1px solid #ccc;
+}
+
+table tr th {
+  background: #eee;
+  border-top: solid 1px #ccc;
+}
+
+/* top-left border-radius */
+table tr:first-child th:first-child {
+  border-top-left-radius: 6px;
+}
+
+/* top-right border-radius */
+table tr:first-child th:last-child {
+  border-top-right-radius: 6px;
+}
+
+/* bottom-left border-radius */
+table tr:last-child td:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+/* bottom-right border-radius */
+table tr:last-child td:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+/* table end */