import React from 'react'
import {
  Typography
} from '@mui/material'

const headerStyle = {
  backgroundColor: '#ff984d',
  minHeight: '7vh',
  display: 'flex',
  flexDirection: 'column',
  alignItems: 'center',
  justifyContent: 'center',
  fontSize: 'calc(6px + 2vmin)',
  color: 'white',
}
const Header = () => {
  return (
    <div>
      <Typography sx={headerStyle}>
        BigBrain
      </Typography>
    </div>
  )
}

export default Header