text: import styled from 'styled-components';
  
  export const Nav = styled.div`
      background-color: #fff;
      border-bottom: 1px solid rgba(0,0,0,0.0975);
  `;
  
  export const NavHeader = styled.div`
      max-width: 1010px;
      padding: 26px 20px;
      width: 100%;
      display: flex;
      align-items: center;
      margin: 0 auto;
  `;
  
  export const NavLeft = styled.div`
      width: 33.33%;
      text-align: left;
  `;
  
  export const NavCenter = styled.div`
      width: 33.33%;
      text-align: center;
  `;
  
  export const NavRight = styled.div`
    width: 33.333%;
    text-align: right;
   
    svg {
      margin-right: 20px;
    }
  `;
  
  export const Input = styled.input`
      font-size: 16px;
      border: 1px solid #dbdbdb;
      border-radius: 3px;
      color: #262626;
      padding: 7px 36px;
      color: #999;
      cursor: text;
      font-size: 14px;
      font-weight: 300;
      text-align: center;
      background: #fafafa;
  
      &:active, 
      &:focus{
          text-align: center;
      }
  `;
  
  export const MenuLink = styled.a`
      margin: 5px;
  `;
  
  //Ícones feitos por <a href="https://www.flaticon.com/br/autores/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/br/" title="Flaticon"> www.flaticon.com</a>
  
  