import styled from 'styled-components'

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

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