namae/src/util/css.ts

import { keyframes } from 'styled-components';

export const mobile = '@media screen and (max-width: 800px)';
export const tablet = '@media screen and (max-width: 1200px)';

export const slideUp = keyframes`
from {
  transform: translateY(200%) skewY(10deg);
}
to {
  transform: translateY(0) skewY(0);
}
`;