export const imageStyle = {
  width: '2rem',
  height: 'auto',
  position: 'absolute',
  top: '5%',
  left: '50%',
  transform: 'translateX(-50%)',
  userSelect: 'none',
};

export const nameStyle = {
  color: 'black',
  position: 'absolute',
  top: '30%',
  left: '50%',
  transform: 'translateX(-50%)',
  overflow: 'hidden',
  whiteSpace: 'nowrap',
  textOverflow: 'ellipsis',
  userSelect: 'none',
};

export const turnedOnStyle = {
  color: 'white',
  fontSize: '1.3rem',
  position: 'absolute',
  top: '20%',
  left: '50%',
  transform: 'translateX(-50%)',
  userSelect: 'none',
};