created site

assets/css/base.scss

@@ -0,0 +1,107 @@
+@use './colors.scss' as *;
+@use './fonts.scss' as *;
+
+$page-width: 800px;
+$page-padding: 2rem;
+
+body {
+    background-color: $base;
+    color: $text;
+    font-family: 'HK Grotesk';
+
+    font-size: medium;
+
+    min-height: 100vh;
+    min-width: 100vw;
+    max-width: 100vw;
+    margin: 0rem;
+    padding: 0rem;
+    position: absolute;
+    top: 0rem;
+}
+
+h1, h2 {
+    font-family: 'Gauge';
+}
+
+a {
+    color: $blue;
+}
+
+a:visited {
+    color: $lavender
+}
+
+a:hover {
+    color: $sky
+}
+
+main {
+    max-width: $page-width;
+    margin: 0 auto;
+    padding-inline: 2rem;
+
+    margin-bottom: 7rem;
+}
+
+h1 {
+    margin-bottom: 1rem;
+    font-size: xx-large;
+
+    text-align: center;
+    min-width: 100%;
+}
+
+h2 {
+    margin-top: 2rem;
+    margin-left: 2rem;
+    margin-bottom: 1rem;
+    font-size: x-large;
+}
+
+hr {
+    max-width: $page-width;
+    color: $green;
+}
+
+.button-row {
+    width: 100%;
+    text-align: center;
+}
+
+.button-88x31 {
+    image-rendering: pixelated;
+}
+
+.footer-wrap {
+    position: absolute;
+    bottom: 0rem;
+    margin: 0 auto 2rem;
+
+    display: flex;
+    justify-content: center;
+    width: 100%;
+}
+
+.footer {
+    text-align: center;
+    max-width: $page-width;
+    width: 100%;
+    padding-inline: $page-padding;
+}
+
+.finish {
+    text-align: center;
+    min-width: 100%;
+}
+
+.last-modified {
+    color: $subtext0;
+    font-size: small;
+}
+
+.halfsharp {
+    color: $mauve;
+    width: 0.5rem;
+    height: auto;
+}