text: import styled from 'styled-components'
  import {Link} from 'gatsby'
  export const MenuLinksWrapper = styled.nav``
  
  export const MenuLinksList = styled.ul`
    font-size: 1.2rem;
    font-weight: 300;
  `
  
  export const MenuLinksItem = styled.li`
    padding: 0.5rem 0;
  
    .active{
      color: #1fa1f2;
    }
  `
  
  export const MenuLinksLink = styled(Link)`
    color: #8899a6;
    text-decoration:none;
    transition: color 0.5s;
  
    &:hover{
      color: #1fa1f2;
    }
  `