From e1c47572a6235fd8fd20af888ac3a11c7ae1369d Mon Sep 17 00:00:00 2001
From: MCMXC <16797721+mcmxcdev@users.noreply.github.com>
Date: Sat, 10 Feb 2024 18:37:40 -0700
Subject: updates

---
 public/css/vanilla.css | 374 ++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 274 insertions(+), 100 deletions(-)

(limited to 'public/css/vanilla.css')

diff --git a/public/css/vanilla.css b/public/css/vanilla.css
index 37bc051..191d545 100644
--- a/public/css/vanilla.css
+++ b/public/css/vanilla.css
@@ -1,138 +1,312 @@
 /* Reset */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font: inherit;
-    vertical-align: baseline;
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
 }
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
-
-
 /* Variables */
 :root {
-    --desktop-font-size: 1.3rem/1.5;
-    --mobile-font-size: 1.1rem/1.4;
-    --text-color: #2d2d2d;
-    --link-color: blue;
-    --primary-color: lightsteelblue;
-    --secondary-color: aliceblue;
-    --tertiary-color: whitesmoke;
+  --desktop-font-size: 1.3rem/1.5;
+  --mobile-font-size: 1.1rem/1.4;
+  --text-color: #2d2d2d;
+  --link-color: blue;
+  --primary-color: lightsteelblue;
+  --secondary-color: aliceblue;
+  --tertiary-color: whitesmoke;
 }
 
-
-
-
 /* Typography */
-body { 
-    color: var(--text-color);
-    padding: 3rem;
-    font: var(--desktop-font-size) -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto, Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
+body {
+  color: var(--text-color);
+  padding: 3rem;
+  font:
+    var(--desktop-font-size) -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol';
 }
 
-h1,h2,h3,h4,h5,h6,p,blockquote,dl,img,figure {
-    margin: 2rem 0;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+dl,
+img,
+figure {
+  margin: 2rem 0;
 }
 
-h1,h2,h3,h4,h5,h6 { font-weight: bold; }
-h1 { font-size: 200%; }
-h2 { font-size: 150%; }
-h3 { font-size: 120%; }
-h4,h5,h6 { font-size: 100%; }
-h5, h6 { text-transform: uppercase; }
-
-header h1 { border-bottom: 1px solid; }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold;
+}
+h1 {
+  font-size: 200%;
+}
+h2 {
+  font-size: 150%;
+}
+h3 {
+  font-size: 120%;
+}
+h4,
+h5,
+h6 {
+  font-size: 100%;
+}
+h5,
+h6 {
+  text-transform: uppercase;
+}
 
-p { margin: 2rem 0; }
+header h1 {
+  border-bottom: 1px solid;
+}
 
-a,a:visited { color: var(--link-color); }
+p {
+  margin: 2rem 0;
+}
 
-strong, time, b { font-weight: bold; }
-em, dfn, i { font-style: italic; }
-sub { font-size: 60%; vertical-align: bottom; }
-small { font-size: 80%; }
+a,
+a:visited {
+  color: var(--link-color);
+}
 
-blockquote, q {
-    background: var(--secondary-color);
-    border-left: 10px solid var(--primary-color);
-    font-family: "Georgia", serif; 
-    padding: 1rem;
+strong,
+time,
+b {
+  font-weight: bold;
 }
-blockquote p:first-child { margin-top: 0; }
-cite { 
-    font-family: "Georgia", serif; 
-    font-style: italic;
-    font-weight: bold;
+em,
+dfn,
+i {
+  font-style: italic;
 }
-
-kbd,code,samp,pre,var { font-family: monospace; font-weight: bold; }
-code, pre {
-    background: var(--tertiary-color);
-    padding: 0.5rem 1rem;
+sub {
+  font-size: 60%;
+  vertical-align: bottom;
+}
+small {
+  font-size: 80%;
 }
-code pre , pre code { padding: 0; }
 
+blockquote,
+q {
+  background: var(--secondary-color);
+  border-left: 10px solid var(--primary-color);
+  font-family: 'Georgia', serif;
+  padding: 1rem;
+}
+blockquote p:first-child {
+  margin-top: 0;
+}
+cite {
+  font-family: 'Georgia', serif;
+  font-style: italic;
+  font-weight: bold;
+}
 
+kbd,
+code,
+samp,
+pre,
+var {
+  font-family: monospace;
+  font-weight: bold;
+}
+code,
+pre {
+  background: var(--tertiary-color);
+  padding: 0.5rem 1rem;
+}
+code pre,
+pre code {
+  padding: 0;
+}
 
 /* Elements */
 hr {
-    background: var(--text-color);
-    border: 0;
-    height: 1px;
-    margin: 4rem 0;
+  background: var(--text-color);
+  border: 0;
+  height: 1px;
+  margin: 4rem 0;
 }
 
-img { max-width: 100%; }
+img {
+  max-width: 100%;
+}
 
-figure { 
-    border: 1px solid var(--primary-color);
-    display: inline-block;
-    padding: 1rem; 
-    width: auto;
+figure {
+  border: 1px solid var(--primary-color);
+  display: inline-block;
+  padding: 1rem;
+  width: auto;
+}
+figure img {
+  margin: 0;
+}
+figure figcaption {
+  font-size: 80%;
 }
-figure img { margin: 0; }
-figure figcaption { font-size: 80%; }
 
-ul, ol { margin: 2rem 0; padding: 0 0 0 4rem; }
+ul,
+ol {
+  margin: 2rem 0;
+  padding: 0 0 0 4rem;
+}
 
-dl dd { padding-left: 2rem; }
+dl dd {
+  padding-left: 2rem;
+}
 
 table {
-    border: 1px solid var(--primary-color);
-    border-collapse: collapse;
-    table-layout: fixed;
-    width: 100%; 
+  border: 1px solid var(--primary-color);
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+}
+table caption {
+  margin: 2rem 0;
+}
+table thead {
+  text-align: center;
+}
+table tbody {
+  text-align: right;
+}
+table tr {
+  border-bottom: 1px solid var(--primary-color);
+}
+table tbody tr:nth-child(even) {
+  background: var(--tertiary-color);
+}
+table th {
+  background: var(--secondary-color);
+  font-weight: bold;
+}
+table th,
+table td {
+  padding: 1rem;
+}
+table th:not(last-of-type),
+table td:not(last-of-type) {
+  border-right: 1px solid var(--primary-color);
 }
-table caption { margin: 2rem 0; }
-table thead { text-align: center; }
-table tbody { text-align: right; }
-table tr { border-bottom: 1px solid var(--primary-color); }
-table tbody tr:nth-child(even) { background: var(--tertiary-color); }
-table th { background: var(--secondary-color); font-weight: bold; }
-table th, table td { padding: 1rem; }
-table th:not(last-of-type), table td:not(last-of-type) { border-right: 1px solid var(--primary-color); }
-
-
 
 /* Mobile Styling */
 @media screen and (max-width: 50rem) {
-    body {
-        font: var(--mobile-font-size) -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto, Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"
-    }
-}
\ No newline at end of file
+  body {
+    font:
+      var(--mobile-font-size) -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      Helvetica,
+      Arial,
+      sans-serif,
+      'Apple Color Emoji',
+      'Segoe UI Emoji',
+      'Segoe UI Symbol';
+  }
+}
-- 
cgit v1.2.3-70-g09d2