content: import React from 'react'
  import PropTypes from 'prop-types'
  import './Hero.css'
  
  const HeroContainer = ({ children }) => {
    const style = {
      textAlign: 'center',
      textShadow: '0 0 10px rgba(0, 0, 0, 0.72), 0 0 15px rgba(0, 0, 0, 0.45)',
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'center',
      resize: 'vertical',
      overflow: 'auto'
    }
    return (
      <header id='#top' style={style} className='Hero-header'>
        {children}
      </header>
    )
  }
  
  HeroContainer.propTypes = {
    children: PropTypes.node.isRequired
  }
  
  export default HeroContainer
  