import { Box, Container } from "@mui/material";
import styled from "styled-components";

export const LoginPageContainer = styled(Container)`
  margin-top: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media (max-height: 900px) {
    margin-top: 110px;
  }
  @media (max-height: 800px) {
    margin-top: 70px;
  }
`;
export const LoginFormContainer = styled(Box)`
  width: 335px;
  height: 216px;
`;
