import styled from "@emotion/styled";

export const WelcomeContainer = styled("div")({
  borderRadius: "10px",
  display: "flex",
  flexDirection: "column",
  justifyContent: "center",
  alignItems: "center",
  padding: "10px",
  marginBottom: "36px",
});

export const ButtonGroup = styled("div")({
  display: "flex",
  marginTop: 20,
  alignItems: "center",
  justifyContent: "center",
  gap: 10
});

export const IndexWrapper = styled("div")({
  display: "flex",
  height: "100%",
  flexDirection: "column",
  justifyContent: "center",
});