메인페이지 기준으로 정리한 CSS 스타일링입니다.

참고해서 커스텀하시면 될 것 같습니다.

❗class명은 임의로 작성한 것이니 변경 바랍니다❗

버튼 (button)

const Button = styled.button`
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffa2a0;
  transition: background-color;
  }
  &:hover {
  background-color: #ff5f5f;
  transition-duration: 0.2s;
  }
  &:active {
  background-color: #fff6f6;
  color: #ff5f5f;
  transition-duration: 0s;
  }
`;

모달창 테두리

.wrap {

}

폰트 (두께, 종류)

p {

}