css/style

rtfd/public/html/style/debug.css

@@ -0,0 +1,5 @@
+* {
+border-color: magenta;
+border-style: solid;
+border-width: 1px;
+}

rtfd/public/html/style/main.css

@@ -0,0 +1,106 @@
+/*
+block-size ← height
+(border|padding)-block[-start|end]
+(border|padding)-inline[-start|end]
+inline-size ← width
+margin-block ← vspace
+*/
+
+/**/
+@import "debug.css";
+/**/
+@import "reset.css";
+
+html {
+}
+
+body {
+background-color: #111;
+background-image: url("../images/logo.svg");
+background-position: center;
+background-size: cover;
+color: #777;
+font-family: sans-serif;
+font-size: 1.5rem;
+line-height: 1.25;
+margin: 1em 2em;
+text-align: start;
+}
+
+header {
+background-color: #300;
+padding: 1em 2em;
+}
+
+.sectionless {
+background-color: #630;
+padding: .5em 1em;
+}
+
+.sectionless .thing {
+font-size: 1.5em;
+}
+
+main {
+background-color: #030;
+}
+
+h1, h2, h3, h4, h5, h6 {
+background-color: #222;
+}
+
+h1 {
+border-color: #fff;
+border-radius: .25em;
+border-style: solid;
+border-width: .1em;
+color: #f77;
+font-size: 1.75em;
+text-align: center;
+}
+
+p {
+background-color: #330;
+}
+
+section {
+background-color: #033;
+margin-block: 4em;
+}
+
+strong {
+color: red;
+}
+
+ol, ul {
+background-color: #303;
+}
+ol {
+list-style: decimal;
+}
+ul {
+list-style: disc;
+}
+li {
+margin-block: .25em;
+}
+
+a {
+color: inherit;
+}
+a:visited {
+}
+a:focus-visible, a:hover {
+}
+a:active {
+}
+
+h2 {
+color: #f77;
+}
+
+footer {
+background-color: #003;
+padding: 1em 2em;
+text-align: end;
+}

rtfd/public/html/style/reset.css

@@ -0,0 +1,7 @@
+* {
+box-sizing: border-box;
+/*
+margin: 2px;
+padding: 2px;
+/**/
+}