Remove placeholder css and html from app, add OpenToday child within container

src/Components/IsNiftyOpenApp/App.css

@@ -1,28 +1,9 @@
 .App {
-  text-align: center;
+  width: 100%;
+  height: 100%;
 }
 
-.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); }
+.App .OpenToday-container {
+  width: 100%;
+  height: 60%;
 }

src/Components/IsNiftyOpenApp/App.tsx

@@ -3,20 +3,13 @@ import './App.css';
 import { OpenToday } from '../OpenToday';
 import { allHolidays } from '../../Data';
 
-const logo = require('./logo.svg');
-
 class IsNiftyOpenApp extends React.Component {
   render() {
     return (
       <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React</h1>
-        </header>
-        <p className="App-intro">
-          To get started, edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <OpenToday question={OpenToday.OpenOrClose.Open} allHolidays={allHolidays}/>
+        <div className="OpenToday-container">
+          <OpenToday question={OpenToday.OpenOrClose.Open} allHolidays={allHolidays} />
+        </div>
       </div>
     );
   }