save of the day before I switch to another repository

package.json

@@ -9,7 +9,9 @@
     "react": "^16.13.1",
     "react-datepicker": "^3.0.0",
     "react-dom": "^16.13.1",
+    "react-redux": "^7.2.0",
     "react-scripts": "3.4.1",
+    "redux": "^4.0.5",
     "tachyons": "^4.12.0"
   },
   "scripts": {

src/Airport.js

@@ -5,6 +5,7 @@ import './Airport.css';
 import Basket from  './Basket.js';
 import './Basket.css';
 import {users, airports} from './fakedata.js';
+import Scroll from './Scroll';
 
 function Airport () {
 	const [startDate, setStartDate] = useState(new Date());
@@ -18,7 +19,7 @@ function Airport () {
 			<header>
 				<DatePicker selected = {startDate} onChange= {date => setStartDate(date)}/>
 			</header>
-			{airportlist}
+			<Scroll>{airportlist}</Scroll>
 		</div> 
 		)
 }

src/Scroll.js

@@ -0,0 +1,10 @@
+import React from 'react';
+
+const Scroll = (props) => {
+	return (
+		<div style= {{overflowY: 'scroll', border:'1px solid grey', height:'500px'}}>
+		{props.children}
+		</div>)
+};
+
+export default Scroll;

src/Top.css

@@ -0,0 +1,12 @@
+@font-face {
+font-family: 'Kotori Rose Bold';
+font-style: normal;
+font-weight: normal;
+src: local('Kotori Rose Bold'), url('KotoriRose-Bold.woff') format('woff');
+}
+
+h1{
+	font-family: 'Kotori Rose Bold';
+	font-weight: 400;
+
+}

src/Top.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import './Top.css';
 
 function Top () {
 	return (
-		<div className = "tc">
+		<div className = "tc f3">
 			<h1> Welcome to Divvy </h1>
 		</div>)
 }