import styled from 'styled-components'

import {
  rem
} from '../../style/function.style'

export const Input = styled.input`
  display: block;
  box-sizing: border-box;
  width: ${rem(622)};
  height: ${rem(86)};
  margin: 0 auto;
  background-color: #F5F5F5;
  border-radius: ${rem(44)};
  padding: ${rem(20)} ${rem(30)};
  color: #1f1f1f;
  font-size: ${rem(26)};
  &::placeholder {
    color: #B3B3B3;
  }
`