'use client';

import styled from '@emotion/styled';

const StyledTitle = styled.div`
  margin: 64px auto;
  text-align: center;
  font-size: 1.8em;

  @media (max-width: 810px) {
    font-size: 1em;
    margin: 16px auto;
  }
`;
const StyledHeader = styled.h1`
  color: #b3b3b3;
  margin: 0;
`;
const StyledSubHeader = styled.h1`
  margin: 0;
`;

export const Title = () => {
  return (
    <StyledTitle>
      <StyledHeader>Latest</StyledHeader>
      <StyledSubHeader>Releases</StyledSubHeader>
    </StyledTitle>
  );
};
