import styled from "styled-components";

/* styles for authentication main layout component */
export const Layout = styled.div`
  /* background-color: #e5e5e5; */
  display: flex;
  justify-content: space-between;
  min-height: calc(100vh - 89.5px);
  padding-top: 88px;
`;

export const LeftLayout = styled.div`
  background-color: transparent;
  width: 40%;

  background-image: url("../../assets/images/sign_up.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

  & img {
    width: 100%;
  }
`;

export const RightLayout = styled.div`
  background-color: rgba(255, 255, 255, 1);
  width: 60%;
  border-radius: 20px;
  padding: 35px;
  margin: 25px 35px;
`;
