import styled from '@emotion/styled';

const PageContainer = styled.div`
  padding: 2rem;
  padding-top: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: Grey Light;
  height: 100%;
`;

const TasksContainer = styled.div`
  display: flex;
  flex-direction: row;
  gap: 1.4rem;
  overflow-y: scroll;
  flex-wrap: wrap;
  flex: auto;
`;
export { PageContainer, TasksContainer };