scss variables

app/pages/_app.js

@@ -1,3 +1,4 @@
+import 'reset-css'
 import '../styles/global.scss'
 import Layout from '../components/layout'
 

app/pages/home/Hero.js

@@ -1,9 +1,9 @@
-import React from 'react'
+import { Component } from 'react'
 import Image from 'next/image'
 import styles from './Hero.module.scss'
 import logo from './assets/warframe_logo.png'
 
-export default class Hero extends React.Component {
+export default class Hero extends Component {
   render () {
     return (
       <div className={styles.hero}>

app/pages/home/Hero.module.scss

@@ -3,12 +3,15 @@
   padding: 128px 0;
   position: relative;
   background: white;
-  color: black;
   text-align: center;
   overflow: hidden;
-}
 
-.text, .logo {
-  width: 400px;
-  margin: auto;
-}
+  .text, .logo {
+    width: 400px;
+    margin: auto;
+  }
+
+  .text {
+    
+  }
+}

app/pages/home/ItemRow.js

@@ -1,6 +1,6 @@
-import React from 'react'
+import { Component } from 'react'
 
-export default class ItemRow extends React.Component {
+export default class ItemRow extends Component {
   constructor ({ scanResult }) {
     super()
     this.scanResult = scanResult

app/pages/home/index.js

@@ -1,10 +1,10 @@
-import React from 'react'
+import { Component } from 'react'
 import dbConnect from '../../lib/dbConnect'
 import { models } from 'shared-stuff'
 import Hero from './Hero'
 import Table from './Table'
 
-export default class Home extends React.Component {
+export default class Home extends Component {
   constructor ({ scanResults }) {
     super()
     this.scanResults = scanResults