diff --git a/src/styles/corrupt_layout.css b/src/styles/corrupt_layout.css
new file mode 100644
index 0000000..2222296
--- /dev/null
+++ b/src/styles/corrupt_layout.css
@@ -0,0 +1,35 @@
+html {
+    font-family: sans-serif;
+    /* Change this value to any color you want */
+    --hilite: #8D3FC5;
+}
+
+body {
+    background-color: #3B3B3B;
+    margin: 0;
+}
+
+.cor_page {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    grid-auto-rows: minmax(50px, auto);
+    grid-template-areas:
+        "hd   hd   hd   hd   hd   ft   ft"
+        "main main main main main ft   ft";
+}
+
+.cor_head {
+    grid-area: hd;
+    background-color: #202020;
+    border-bottom: 1px solid var(--hilite);
+    box-shadow: 0px 5px 30px -5px var(--hilite);
+}
+
+.cor_menu {
+    grid-area: ft;
+    background-color: #202020;
+}
+
+.cor_content {
+    grid-area: main;
+}
diff --git a/src/styles/corrupt_typog.css b/src/styles/corrupt_typog.css
new file mode 100644
index 0000000..a96f42b
--- /dev/null
+++ b/src/styles/corrupt_typog.css
@@ -0,0 +1,129 @@
+
+html {
+    font-family: sans-serif;
+    /* Change this value to any color you want */
+    --hilite: #8D3FC5;
+}
+
+a,a:visited,a:link,a:focus {
+    text-decoration: underline; color: white;
+}
+
+a:hover {
+    font-style: italic;
+}
+
+.title div {
+    margin: 0px; padding: 0px;
+    font: 0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: darkgrey; letter-spacing: 0.8em;
+}
+
+.title div::first-letter {
+    margin: 0px; padding: 0px 2px;
+    font: 0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: white;
+}
+
+.cor_menu a:link,a:visited,a:focus {
+    text-decoration: none;
+    color: darkgrey;
+}
+
+.cor_menu a:hover {
+    font-weight: normal;
+    color: white;
+}
+
+.cor_topics {
+    display: flex; flex-flow: row wrap; justify-content: center;
+    font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    text-align: center; color: darkgrey; letter-spacing: 0.6em; line-height: 2.0em;
+}
+
+.cor_topics a,a:visited,a:link,a:focus {
+    color: darkgrey;
+    text-decoration: none;
+}
+
+.cor_topics a:hover {
+    font-style: normal;
+    color: white;
+}
+
+.cor_footer #about p {
+    line-height: 1.5em; letter-spacing: 0.1em; text-align: left; color: white;
+    padding: 0em 1em;
+}
+
+.cor_footer #about h2 {
+    text-align: right;
+    padding: 10px;
+    font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: darkgrey; letter-spacing: 0.6em;
+}
+
+#posts a,a:visited,a:link,a:focus {
+    color: darkgrey;
+    text-decoration: none;
+}
+
+#posts a:hover {
+    font-style: normal;
+    color: white;
+}
+
+#cor_coll_title {
+    margin: 0px; padding-bottom: 10px;
+    font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: darkgrey; letter-spacing: 0.5em; text-align: center;
+}
+
+#content h1 {
+    padding: 10px;
+    font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: darkgrey; letter-spacing: 0.5em;
+}
+
+#content h1::first-letter {
+    margin: 0px; padding: 0px;
+    font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: white;
+}
+
+#content h2 {
+    text-align: left;
+    padding: 10px;
+    border-bottom: 1px solid darkgrey;
+    font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: darkgrey; letter-spacing: 0.6em;
+}
+
+#content h3 {
+    text-align: right;
+    padding: 10px;
+    border-bottom: 1px solid darkgrey;
+    font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: darkgrey; letter-spacing: 0.6em;
+}
+
+#content h4 {
+    text-align: center;
+    padding: 10px;
+    border-top: 1px solid darkgrey;
+    font: 0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+    color: darkgrey; letter-spacing: 0.4em;
+}
+
+#content p {
+    padding: 0em 2em;
+    color: white;
+}
+
+#content ul {
+    color: white;
+}
+
+#content ol {
+    color: white;
+}