diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index a11777cc..00000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/logo192.png b/public/logo192.png
deleted file mode 100644
index fc44b0a3..00000000
Binary files a/public/logo192.png and /dev/null differ
diff --git a/public/logo512.png b/public/logo512.png
deleted file mode 100644
index a4e47a65..00000000
Binary files a/public/logo512.png and /dev/null differ
diff --git a/public/manifest.json b/public/manifest.json
deleted file mode 100644
index 080d6c77..00000000
--- a/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/public/robots.txt b/public/robots.txt
deleted file mode 100644
index e9e57dc4..00000000
--- a/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/src/App.scss b/src/App.scss
index 5990d9c3..09db578e 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1,3 +1,329 @@
 @import "~bootstrap/scss/bootstrap";
 
-@import "Custom";
\ No newline at end of file
+@font-face {
+  font-family: 'openDyslexic';
+  src: url('https://dl.dropboxusercontent.com/s/qfpakpjedhsrdb9/OpenDyslexicAlta-Regular.ttf');
+}
+
+#root {
+  z-index: -5;
+}
+
+html, body {
+  position: relative;
+  min-height: 100vh;
+}
+
+.contents {
+  display: flex;
+  flex-flow: column;
+  flex: 1;
+  min-height: 100vh;
+}
+
+.content {
+  flex: 1;
+}
+
+.opendyslexic {
+  font-family: "OpenDyslexic";  
+}
+
+.dark-mode {
+  background-color: $gray-800;
+}
+
+.card-header {
+  background-color: $gray-200 !important;
+  opacity: 1 !important;
+}
+
+.dark-mode .card {
+  color: $white;
+  background-color: $gray-800;
+  border: 1px solid #191c1f !important;
+}
+
+.card-body {
+  background-color: $white;
+}
+
+.dark-mode .card-body {
+  color: $white;
+  background-color: $gray-800;
+}
+
+.dark-mode .card-header {
+  color: $gray-100 !important;
+  background-color: $gray-900 !important;
+}
+
+.navbar {
+  background-color: $gray-100;
+  flex: 0 0 auto;
+  z-index: 5;
+}
+
+.dark-mode .navbar {
+  color: $gray-100;
+  background-color: $gray-900;
+}
+
+.dark-mode .navbar-brand {
+  color: $gray-100 !important;
+}
+
+.dark-mode .form-label {
+  color: $white !important;
+}
+
+.dark-mode .form-control {
+  color: $gray-200;
+  border-color: #191c1f;
+  background-color: $gray-900;
+}
+
+.dark-mode .form-control:disabled {
+  color: $gray-600;
+  border-color: #191c1f;
+  background-color: $gray-900;
+}
+
+.dark-mode .form-control:focus {
+  color: $gray-200;
+  border-color: #191c1f;
+  background-color: $gray-900;
+}
+
+.dark-mode .btn-light {
+  background-color: $gray-900;
+  border-color: #191c1f;
+  color: $gray-100;
+}
+
+.dark-mode .btn-light:focus {
+  background-color: $gray-900;
+  border-color: #191c1f;
+  color: $gray-100;
+}
+
+.card-header .btn-link {
+  color: $gray-900;
+}
+
+.card-header .btn-link:focus {
+  color: $gray-900;
+  text-decoration: none;
+}
+
+.card-header .btn-link:hover {
+  color: $gray-900;
+  text-decoration: none;
+}
+
+.card-header .btn-link {
+  font-size: 1.25rem !important;
+  font-weight: 500;
+}
+
+.dark-mode .btn-link {
+  color: $white;
+}
+
+.dark-mode .btn-link:focus {
+  color: $white;
+  text-decoration: none;
+}
+
+.dark-mode .btn-link:hover {
+  color: $white;
+  text-decoration: none;
+}
+
+.dark-mode .alert-danger {
+  color: $white;
+  background-color: $danger;
+  border: $gray-900;
+}
+
+.dark-mode .alert-primary {
+  color: $white;
+  background-color: $primary;
+  border: $gray-900;
+}
+
+.dark-mode .alert-light {
+  color: $white;
+  background-color: $gray-900;
+  border: #191c1f;
+}
+
+code {
+  color: black !important;
+  background-color: $gray-300;
+  padding: 3px 7px;
+  border-radius: 3px;
+  margin: 3px;
+  display: inline-block;
+}
+
+.dark-mode code {
+  color: white !important;
+  background-color: $gray-900;
+}
+
+pre {
+  margin: 2px !important;
+}
+
+code.hljs {
+  display: block;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  margin: 3px 3px 7px 3px;
+}
+
+.d-spoiler {
+  color: $gray-300 !important;
+  background-color: $gray-300;
+  padding: 3px 5px;
+  border-radius: 3px;
+  margin: 3px;
+  display: inline-block;
+  transition-delay: 6000s;
+}
+
+.d-spoiler::selection {
+  color: $gray-300;
+}
+
+.dark-mode .d-spoiler {
+  color: $gray-900 !important;
+  background-color: $gray-900;
+  padding: 3px 5px;
+  border-radius: 3px;
+  margin: 3px;
+  display: inline-block;
+  transition-delay: 6000s;
+}
+
+.dark-mode .d-spoiler::selection {
+  color: $gray-900;
+}
+
+.d-spoiler:active {
+  color: $gray-900 !important;
+  background-color: $gray-200;
+  transition-delay: 0s;
+  transition: background-color 0.2s ease;
+}
+
+.dark-mode .d-spoiler:active {
+  color: $gray-200 !important;
+  background-color: $gray-700;
+  transition-delay: 0s;
+  transition: background-color 0.2s ease;
+}
+
+blockquote {
+  border-left: 6px solid $gray-200;
+  padding: 2px 5px 2px 15px;
+  margin: 7px !important;
+  margin-left: 9px !important;
+}
+
+.dark-mode blockquote {
+  border-left: 6px solid $gray-700;
+}
+
+.popup-content {
+  background: none !important;
+  border: none !important;
+  width: 100% !important;
+  max-height: 100vh;
+  overflow-y: auto;
+}
+
+.popup-overlay {
+  background: rgba(0, 0, 0, 0.7) !important;
+}
+
+.dark-mode .nav-link {
+  color: $white !important;
+}
+
+.footer {
+  width: 100% !important;
+  flex: 0 0 auto;
+}
+
+.dark-mode .page-item:not(.active) .page-link {
+  background-color: $gray-900 !important;
+  color: $white !important;
+  border-color: #191c1f !important;
+}
+
+.toggles {
+  position: absolute !important;
+  right: 50%; 
+  margin-right: -100px; ;
+}
+
+.emoji, .d-emoji {
+  width: 1.25em;
+  height: auto;
+}
+
+.backdrop {
+  position:fixed;
+  padding:0;
+  margin:0;
+
+  top:0;
+  left:0;
+
+  width: 100%;
+  height: 100%;
+  opacity: 1;
+}
+
+.backdrop-overlay {
+  position:fixed;
+  padding:0;
+  margin:0;
+
+  top:0;
+  left:0;
+
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(to bottom,  rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
+}
+
+.dark-mode .backdrop-overlay {
+  background: linear-gradient(to bottom,  rgba(52, 58, 64, 1) 0%, rgba(52, 58, 64, 0) 100%);
+}
+
+textarea {
+  resize: none !important;
+}
+
+.banner {
+  position: absolute;
+  top: 3.125rem;
+  left: 0;
+  width: 100%;
+  height: 30vh;
+  background-size: cover;
+  background-position: center;
+  box-shadow: inset 0 -3px 10px -10px #000000, inset 0 10px 10px -10px #000000;
+}
+
+@media only screen and (min-width: 992px) {
+  .banner {
+    height: 50vh;
+  }
+}
+
+.banner-content {
+  max-height: 650px !important;
+}
diff --git a/src/App.test.js b/src/App.test.js
deleted file mode 100644
index 1f03afee..00000000
--- a/src/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
diff --git a/src/Custom.scss b/src/Custom.scss
deleted file mode 100644
index a50c0b12..00000000
--- a/src/Custom.scss
+++ /dev/null
@@ -1,328 +0,0 @@
-@font-face {
-  font-family: 'openDyslexic';
-  src: url('https://dl.dropboxusercontent.com/s/qfpakpjedhsrdb9/OpenDyslexicAlta-Regular.ttf');
-}
-
-#root {
-  z-index: -5;
-}
-
-html, body {
-  position: relative;
-  min-height: 100vh;
-}
-
-.contents {
-  display: flex;
-  flex-flow: column;
-  flex: 1;
-  min-height: 100vh;
-}
-
-.content {
-  flex: 1;
-}
-
-.opendyslexic {
-  font-family: "OpenDyslexic";  
-}
-
-.dark-mode {
-  background-color: $gray-800;
-}
-
-.card-header {
-  background-color: $gray-200 !important;
-  opacity: 1 !important;
-}
-
-.dark-mode .card {
-  color: $white;
-  background-color: $gray-800;
-  border: 1px solid #191c1f !important;
-}
-
-.card-body {
-  background-color: $white;
-}
-
-.dark-mode .card-body {
-  color: $white;
-  background-color: $gray-800;
-}
-
-.dark-mode .card-header {
-  color: $gray-100 !important;
-  background-color: $gray-900 !important;
-}
-
-.navbar {
-  background-color: $gray-100;
-  flex: 0 0 auto;
-  z-index: 5;
-}
-
-.dark-mode .navbar {
-  color: $gray-100;
-  background-color: $gray-900;
-}
-
-.dark-mode .navbar-brand {
-  color: $gray-100 !important;
-}
-
-.dark-mode .form-label {
-  color: $white !important;
-}
-
-.dark-mode .form-control {
-  color: $gray-200;
-  border-color: #191c1f;
-  background-color: $gray-900;
-}
-
-.dark-mode .form-control:disabled {
-  color: $gray-600;
-  border-color: #191c1f;
-  background-color: $gray-900;
-}
-
-.dark-mode .form-control:focus {
-  color: $gray-200;
-  border-color: #191c1f;
-  background-color: $gray-900;
-}
-
-.dark-mode .btn-light {
-  background-color: $gray-900;
-  border-color: #191c1f;
-  color: $gray-100;
-}
-
-.dark-mode .btn-light:focus {
-  background-color: $gray-900;
-  border-color: #191c1f;
-  color: $gray-100;
-}
-
-.card-header .btn-link {
-  color: $gray-900;
-}
-
-.card-header .btn-link:focus {
-  color: $gray-900;
-  text-decoration: none;
-}
-
-.card-header .btn-link:hover {
-  color: $gray-900;
-  text-decoration: none;
-}
-
-.card-header .btn-link {
-  font-size: 1.25rem !important;
-  font-weight: 500;
-}
-
-.dark-mode .btn-link {
-  color: $white;
-}
-
-.dark-mode .btn-link:focus {
-  color: $white;
-  text-decoration: none;
-}
-
-.dark-mode .btn-link:hover {
-  color: $white;
-  text-decoration: none;
-}
-
-.dark-mode .alert-danger {
-  color: $white;
-  background-color: $danger;
-  border: $gray-900;
-}
-
-.dark-mode .alert-primary {
-  color: $white;
-  background-color: $primary;
-  border: $gray-900;
-}
-
-.dark-mode .alert-light {
-  color: $white;
-  background-color: $gray-900;
-  border: #191c1f;
-}
-
-code {
-  color: black !important;
-  background-color: $gray-300;
-  padding: 3px 7px;
-  border-radius: 3px;
-  margin: 3px;
-  display: inline-block;
-}
-
-.dark-mode code {
-  color: white !important;
-  background-color: $gray-900;
-}
-
-pre {
-  margin: 2px !important;
-}
-
-code.hljs {
-  display: block;
-  border: 1px solid rgba(0, 0, 0, 0.125);
-  margin: 3px 3px 7px 3px;
-}
-
-.d-spoiler {
-  color: $gray-300 !important;
-  background-color: $gray-300;
-  padding: 3px 5px;
-  border-radius: 3px;
-  margin: 3px;
-  display: inline-block;
-  transition-delay: 6000s;
-}
-
-.d-spoiler::selection {
-  color: $gray-300;
-}
-
-.dark-mode .d-spoiler {
-  color: $gray-900 !important;
-  background-color: $gray-900;
-  padding: 3px 5px;
-  border-radius: 3px;
-  margin: 3px;
-  display: inline-block;
-  transition-delay: 6000s;
-}
-
-.dark-mode .d-spoiler::selection {
-  color: $gray-900;
-}
-
-.d-spoiler:active {
-  color: $gray-900 !important;
-  background-color: $gray-200;
-  transition-delay: 0s;
-  transition: background-color 0.2s ease;
-}
-
-.dark-mode .d-spoiler:active {
-  color: $gray-200 !important;
-  background-color: $gray-700;
-  transition-delay: 0s;
-  transition: background-color 0.2s ease;
-}
-
-blockquote {
-  border-left: 6px solid $gray-200;
-  padding: 2px 5px 2px 15px;
-  margin: 7px !important;
-  margin-left: 9px !important;
-}
-
-.dark-mode blockquote {
-  border-left: 6px solid $gray-700;
-}
-
-.popup-content {
-  background: none !important;
-  border: none !important;
-  width: 100% !important;
-  max-height: 100vh;
-  overflow-y: auto;
-}
-
-.popup-overlay {
-  background: rgba(0, 0, 0, 0.7) !important;
-}
-
-.dark-mode .nav-link {
-  color: $white !important;
-}
-
-.footer {
-  width: 100% !important;
-  flex: 0 0 auto;
-}
-
-.dark-mode .page-item:not(.active) .page-link {
-  background-color: $gray-900 !important;
-  color: $white !important;
-  border-color: #191c1f !important;
-}
-
-.toggles {
-  position: absolute !important;
-  right: 50%; 
-  margin-right: -100px; ;
-}
-
-.emoji, .d-emoji {
-  width: 1.25em;
-  height: auto;
-}
-
-.backdrop {
-  position:fixed;
-  padding:0;
-  margin:0;
-
-  top:0;
-  left:0;
-
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-}
-
-.backdrop-overlay {
-  position:fixed;
-  padding:0;
-  margin:0;
-
-  top:0;
-  left:0;
-
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(to bottom,  rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
-}
-
-.dark-mode .backdrop-overlay {
-  background: linear-gradient(to bottom,  rgba(52, 58, 64, 1) 0%, rgba(52, 58, 64, 0) 100%);
-}
-
-textarea {
-  resize: none !important;
-}
-@import "~bootstrap/scss/bootstrap";
-
-.banner {
-  position: absolute;
-  top: 3.125rem;
-  left: 0;
-  width: 100%;
-  height: 30vh;
-  background-size: cover;
-  background-position: center;
-  box-shadow: inset 0 -3px 10px -10px #000000, inset 0 10px 10px -10px #000000;
-}
-
-@media only screen and (min-width: 992px) {
-  .banner {
-    height: 50vh;
-  }
-}
-
-.banner-content {
-  max-height: 650px !important;
-}
diff --git a/src/setupTests.js b/src/setupTests.js
deleted file mode 100644
index 8f2609b7..00000000
--- a/src/setupTests.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';