Css tidy up

src/components/AllQuestions/AllQuestions.css

@@ -1,30 +0,0 @@
-.subjectSelector {
-  overflow: scroll;
-  height: 200px;
-  margin: 10px;
-}
-
-.subjItem {
-  font-size: 18px;
-  padding: 3px;
-  cursor: pointer;
-}
-
-.activeSubjItem {
-  background-color: var(--text-color);
-  color: black;
-}
-
-.searchBar {
-  margin: 10px;
-  width: 100%;
-  color: white;
-  background-color: #212127;
-  border: none;
-  font-size: 18px;
-}
-
-.subjItem:hover:not(.activeSubjItem) {
-  background-color: #555;
-  color: white;
-}

src/components/AllQuestions/AllQuestions.js

@@ -4,7 +4,6 @@ import LoadingIndicator from '../LoadingIndicator'
 import Subject from '../../components/Subject'
 
 import constants from '../../constants.json'
-import './AllQuestions.css'
 
 class AllQuestions extends PureComponent {
   constructor (props) {

src/components/Feedback/Feedback.js

@@ -1,5 +1,4 @@
 import React, { PureComponent } from 'react'
-import './Feedback.css'
 
 class Feedback extends PureComponent {
   render () {

src/components/HomeTab/HomeTab.css

@@ -1,3 +0,0 @@
-.link {
-  margin: 10px;
-}

src/components/HomeTab/HomeTab.js

@@ -1,5 +1,4 @@
 import React, { PureComponent } from 'react'
-import './HomeTab.css'
 
 import links from './links.json'
 

src/components/LoadingIndicator/LoadingIndicator.css

@@ -1,10 +0,0 @@
-.loadingindicator {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-
-  color: #fff;
-  font-size: 30px;
-}

src/components/LoadingIndicator/LoadingIndicator.js

@@ -1,5 +1,4 @@
 import React, { PureComponent } from 'react'
-import './LoadingIndicator.css'
 
 class LoadingIndicator extends PureComponent {
   render () {

src/components/Manual/Manual.js

@@ -3,7 +3,6 @@ import React, { PureComponent } from 'react'
 import LoadingIndicator from '../LoadingIndicator'
 
 import constants from '../../constants.json'
-import './Manual.css'
 
 class Manual extends PureComponent {
   constructor (props) {

src/components/Question/Question.css

@@ -1,22 +0,0 @@
-.questionContainer {
-  margin: 10px;
-}
-
-.questionContainer:hover {
-  background-color: var(--hoover-color);
-}
-
-.question {
-  font-weight: bold;
-  font-size: 17px;
-  color: #ffffff;
-}
-
-.answer {
-  font-size: 15px;
-}
-
-.data {
-  font-size: 13px;
-  color: #a1a1a1;
-}

src/components/Question/Question.js

@@ -1,5 +1,4 @@
 import React, { PureComponent } from 'react'
-import './Question.css'
 
 class Question extends PureComponent {
   render () {

src/components/Subject/Subject.js

@@ -1,7 +1,6 @@
 import React, { PureComponent } from 'react'
 
 import Question from '../Question'
-import './Subject.css'
 
 class Subject extends PureComponent {
   render () {

src/components/UserQuestions/UserQuestions.css

@@ -1,28 +0,0 @@
-.uquestioncontainer {
-  margin: 5px;
-}
-
-.uquestioncontainer:hover {
-  background-color: var(--hoover-color);
-}
-
-.uquestionscontainer {
-  margin: 10px;
-}
-
-.uquestion {
-  font-weight: 'bold';
-  font-size: 16px;
-  color: #fff;
-  margin: 5px;
-}
-
-.uanswer {
-  margin: 5px;
-}
-
-.uquestionnumber {
-  color: #fff;
-  margin: 5px;
-  font-size: 20px;
-}

src/components/UserQuestions/UserQuestions.js

@@ -3,7 +3,6 @@ import React, { PureComponent } from 'react'
 import LoadingIndicator from '../LoadingIndicator'
 
 import constants from '../../constants.json'
-import './UserQuestions.css'
 
 class UserQuestions extends PureComponent {
   constructor (props) {