import styled from 'styled-components/macro'

import { client } from 'config/clients'

const Container = styled.div`
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;

  &::-webkit-scrollbar {
    display: none;
  }

  // отображение в firefox
  scrollbar-width: none;
`

export const ImageBackground = styled(Container)`
  ${client.styles.background}
  background-size: 6px;
`

export const GradientBackground = styled(Container)`
  position: relative;
  display: flex;
  justify-content: center;
  background: ${({ theme: { colors } }) => colors.background};
`

export const CenterBlock = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
`