import React from 'react'

const Logo = () => (
  <span style={{ letterSpacing: '-0.14rem', fontSize: '175%', fontWeight: 900 }}>
    <span style={{ color: '#f87171' }} className="text-red-400">
      F
    </span>
    <span style={{ color: '#f87171' }} className="text-orange-400">
      r
    </span>
    <span style={{ color: '#facc15' }} className="text-yellow-400">
      e
    </span>
    <span style={{ color: '#a3e635' }} className="text-lime-400">
      e
    </span>
    <span style={{ color: '#4ade80' }} className="text-green-400">
      S
    </span>
    <span style={{ color: '#22d3ee' }} className="text-cyan-400">
      e
    </span>
    <span style={{ color: '#60a5fa' }} className="text-blue-400">
      w
    </span>
    <span style={{ color: '#818cf8' }} className="text-indigo-400">
      i
    </span>
    <span style={{ color: '#a78bfa' }} className="text-violet-400">
      n
    </span>
    <span style={{ color: '#c084fc' }} className="text-purple-400">
      g
    </span>
  </span>
)

export default Logo