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",
};
