1 files changed, 149 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..8d3c696
--- /dev/null
+++ b/style.css
@@ -0,0 +1,149 @@
+:root {
+        --base03:    #002b36;
+        --base02:    #073642;
+        --base01:    #586e75;
+        --base00:    #657b83;
+        --base0:     #839496;
+        --base1:     #93a1a1;
+        --base2:     #eee8d5;
+        --base3:     #fdf6e3;
+        --yellow:    #b58900;
+        --orange:    #cb4b16;
+        --red:       #dc322f;
+        --magenta:   #d33682;
+        --violet:    #6c71c4;
+        --blue:      #268bd2;
+        --cyan:      #2aa198;
+        --green:     #859900;
+}
+
+@font-face {
+        font-family: 'Libertinus';
+        font-style: normal;
+        font-weight: normal;
+        font-display: swap;
+        src: url('./fonts/libertinus-regular.woff2') format('woff2');
+}
+
+@font-face {
+        font-family: 'Libertinus';
+        font-style: normal;
+        font-weight: bold;
+        font-display: swap;
+        src: url('./fonts/libertinus-bold.woff2') format('woff2');
+}
+
+@font-face {
+        font-family: 'Libertinus';
+        font-style: italic;
+        font-weight: normal;
+        font-display: swap;
+        src: url('./fonts/libertinus-italic.woff2') format('woff2');
+}
+
+@font-face {
+        font-family: 'Libertinus';
+        font-style: italic;
+        font-weight: bold;
+        font-display: swap;
+        src: url('./fonts/libertinus-bold-italic.woff2') format('woff2');
+}
+
+body {
+        font-family: 'Libertinus';
+        color: var(--base1);
+        background-color: var(--base02);
+        font-size: 110%;
+}
+
+section {
+        margin: 2ex;
+        padding: 1ex;
+}
+
+p::first-letter {
+        font-size: 175%;
+        color: var(--orange);
+}
+
+em {
+        color: var(--yellow);
+}
+
+strong {
+        color: var(--red);
+}
+
+:link,
+:visited {
+        color: var(--blue);
+}
+
+.header {
+        text-align: center;
+        font-size: 200%;
+        color: var(--base1);
+        background-color: var(--base03);
+}
+
+.logo {
+        height: 4ex;
+        vertical-align: middle;
+}
+
+.navigation {
+        padding: 1ex;
+        color: var(--base1);
+        background-color: var(--base03);
+}
+
+.footer {
+        padding: 1ex;
+        text-align: center;
+        color: var(--base1);
+        background-color: var(--base03);
+}
+
+.main {
+        display: flex;
+        justify-content: center;
+}
+
+.column {
+        color: var(--base01);
+        background-color: var(--base3);
+}
+
+.column-header {
+        text-align: center;
+        font-size: 175%;
+        color: var(--base01);
+        background-color: var(--base2);
+}
+
+
+.left,
+.right {
+        min-width: 10ex;
+        max-width: 25ex;
+}
+
+.left,
+.right,
+.content {
+        float: left;
+}
+
+.content {
+        text-indent: 4ex;
+        text-align: justify;
+        min-width: 30ex;
+        max-width: 80ex;
+        padding-left: 8ex;
+        padding-right: 4ex;
+        padding-top: 4ex;
+        padding-bottom: 1ex;
+        color: var(--base1);
+        background-color: var(--base03);
+}
+