import styled from 'styled-components/macro'

import { devices } from 'config/devices'

import {
  Wrapper,
  InfoItems,
  Logo,
} from '../ProfileCard/styled'

export const Content = styled.main`
  padding: 0 16px;

  ${Logo} {
    background-color: transparent;
  }

  @media ${devices.laptop}{
    ${Wrapper} {
      margin-top: 29px;
    }

    ${InfoItems} {
      justify-content: center;
    }
  }

  @media ${devices.tablet} {
    padding: 0;
    ${Wrapper} {
      margin-top: 15px;
    }

  }


`