text: import React from "react"
  import { Link } from "gatsby"
  
  import {useTitle} from "../../hooks/useTitle"
  import Circle_wordsinspace from '../../images/assets/circle_wordsinspace.svg'
  
  const MobileWordsInSpace = () => {
    const title = useTitle();
    return (
  		<div
        style={{
  		    width: '84vw',
  		    height: '50px',
          display: 'flex',
  		    flexFlow: 'row',
  		    flexWrap: 'nowrap',
  		    alignItems: 'center',
  		    justifyContent: 'center',
          position: 'relative',
  		  }}>
  
        <div
          style={{
          	margin: '8px 10px 0 0',
          	alignSelf: 'center',
            position: 'absolute',
            left: '0',
          }}>
  	      <Link to={'/'}><Circle_wordsinspace /></Link>
  	      </div>
  
        <Link
          to='/'
          className='interface'
          style={{
            margin: '0',
          }}
          >
          {title}
        </Link>
      </div>
    )
  }
  
  export default MobileWordsInSpace
  