import { mediaQueries } from '../../utils/styles';
import { css } from 'emotion';

export const hiddenBlockStyle = () => {
	return css`
		${mediaQueries.large(css`
			height: 225px;
		`)};
		${mediaQueries.small(css`
			height: 0;
		`)};
	`;
};
export const header = () => {
	return css`
		width: 100%;
		z-index: 3;
		${mediaQueries.large(css`
			position: fixed;
		`)};
		${mediaQueries.small(css`
			position: static;
		`)};
	`;
};