text: import React from "react"
  import { Link } from "gatsby"
  import styled from "styled-components"
  
  import { rhythm } from "../utils/typography"
  
  class Layout extends React.Component {
    render() {
      const { title, children } = this.props
      let header
  
      header = (
        <h3
          style={{
            fontSize: `5vh`,
            fontFamily: `Audiowide, sans-serif`,
            textAlign: `center`,
            marginTop: 50,
            color:`#333333`,
          }}
        >
          <Link
            style={{
              boxShadow: `none`,
              textDecoration: `none`,
              color: `inherit`,
            }}
            to={`/blog`}
          >
            {title}
          </Link>
        </h3>
      )
  
      return (
        <Wrapper>
          <div
            style={{
              marginLeft: `auto`,
              marginRight: `auto`,
              maxWidth: rhythm(24),
              padding: `${rhythm(1.5)} ${rhythm(3 / 4)}`,
            }}
          >
            <header>{header}</header>
            <main>{children}</main>
          </div>
        </Wrapper>
      )
    }
  }
  
  const Wrapper = styled.div`
  `
  
  export default Layout
  