diff --git a/public/index.html b/public/index.html
index a2d14f2..0e30e87 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,6 +19,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
+
Hat of Shame
diff --git a/src/App.js b/src/components/App.js
similarity index 93%
rename from src/App.js
rename to src/components/App.js
index 810e8f9..9e469e6 100644
--- a/src/App.js
+++ b/src/components/App.js
@@ -1,5 +1,4 @@
import React, { Component } from 'react';
-import './styles/App.css';
class App extends Component {
render() {
diff --git a/src/index.js b/src/index.js
index f2402cd..2fd28a5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,7 +1,7 @@
import React from 'react';
import ReactDOM from 'react-dom';
import './styles/index.css';
-import App from './App';
+import App from './components/App';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(, document.getElementById('root'));
diff --git a/src/styles/App.css b/src/styles/App.css
deleted file mode 100644
index ae31b29..0000000
--- a/src/styles/App.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.App {
- text-align: center; }
-
-.App-logo {
- animation: App-logo-spin infinite 20s linear;
- height: 80px; }
-
-.App-header {
- background-color: #222;
- height: 150px;
- padding: 20px;
- color: white; }
-
-.App-title {
- font-size: 1.5em; }
-
-.App-intro {
- font-size: large; }
-
-@keyframes App-logo-spin {
- from {
- transform: rotate(0deg); }
- to {
- transform: rotate(360deg); } }
diff --git a/src/styles/App.scss b/src/styles/App.scss
deleted file mode 100644
index c5c6e8a..0000000
--- a/src/styles/App.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-.App {
- text-align: center;
-}
-
-.App-logo {
- animation: App-logo-spin infinite 20s linear;
- height: 80px;
-}
-
-.App-header {
- background-color: #222;
- height: 150px;
- padding: 20px;
- color: white;
-}
-
-.App-title {
- font-size: 1.5em;
-}
-
-.App-intro {
- font-size: large;
-}
-
-@keyframes App-logo-spin {
- from { transform: rotate(0deg); }
- to { transform: rotate(360deg); }
-}
diff --git a/src/styles/index.css b/src/styles/index.css
index c936a81..e69de29 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,4 +0,0 @@
-body {
- margin: 0;
- padding: 0;
- font-family: sans-serif; }
diff --git a/src/styles/index.scss b/src/styles/index.scss
index b4cc725..e69de29 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,5 +0,0 @@
-body {
- margin: 0;
- padding: 0;
- font-family: sans-serif;
-}
diff --git a/src/App.test.js b/src/tests/App.test.js
similarity index 100%
rename from src/App.test.js
rename to src/tests/App.test.js