Changed content and file structure

assets/style.css

@@ -0,0 +1,94 @@
+/*
+
+    Pixelated.sh
+    Copyright (c) 2024 FreedTapestry21
+
+*/
+
+@font-face {
+    font-family: 'Jetbrains Mono';
+    src: local(''),
+        url('./fonts/jbmono.woff2')
+}
+
+:root {
+    --accent-color: #e7c6ff;
+    --text-color: #b8c0ff;
+    --background-color: #191724;
+}
+
+html {
+    font-family: 'Jetbrains Mono';
+}
+
+body {
+    background-color: var(--background-color);
+}
+
+p {
+    font-size: 16px;
+    color: var(--text-color);
+}
+
+a {
+    font-weight: bolder;
+    color: var(--text-color);
+    text-decoration: none;
+}
+
+a:hover {
+    background-color: var(--text-color);
+    color: var(--background-color);
+}
+
+footer {
+    text-align: center;
+}
+
+footer p {
+    font-size: 10px;
+}
+
+/* Custom classes */
+.box {
+    min-width: 80%;
+    max-width: 90%;
+    margin-inline: auto;
+}
+
+.invert {
+    background-color: var(--text-color);
+    color: var(--background-color);
+}
+
+.psst {
+    font-style: italic;
+    font-size: 14px;
+}
+
+.tag {
+    font-style: italic; 
+    font-size: 14px;
+    user-select: none;
+}
+
+.no-select {
+    user-select: none;  
+}
+
+.center {
+    text-align: center;
+}
+
+.rule {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.smoll {
+    font-size: 12px;
+}
+
+.bold {font-weight: bold;}
+
+.no-background a:hover {background-color: transparent;}