text: import { Link } from "gatsby"
  import PropTypes from "prop-types"
  import React from "react"
  
  const Header = ({ siteTitle }) => (
    <header className="fixed flex w-full top-0 z-0">
      <div className="w-2/4">
        <h1>
          <Link to="/" className="logo block focus:shadow-outline fill-current text-black">
            <svg xmlns="http://www.w3.org/2000/svg" className="hidden lg:block">
              <g id="Layer_1" data-name="Layer 1">
                <rect
                  width="65"
                  height="65"
                  className="fill-current text-graysolid  focus:fill-current focus:text-transparent"
                ></rect>
                <polygon
                  points="53.93 55.23 11.07 55.23 11.07 12.37 53.93 55.23"
                  className="fill-current text-greensolid"
                ></polygon>
                <polygon
                  points="56.25 53.33 13.4 53.33 13.4 10.47 56.25 53.33"
                  className="fill-current text-white"
                ></polygon>
              </g>
            </svg>
          </Link>
          <span className="pl-4 text-5xl text-greensolid block lg:hidden">
            L.
          </span>
        </h1>
      </div>
      <div className="bg-greensolid h-32 w-2/4"></div>
    </header>
  )
  
  Header.propTypes = {
    siteTitle: PropTypes.string,
  }
  
  Header.defaultProps = {
    siteTitle: ``,
  }
  
  export default Header
  