frontend/smart-hut/src/components/dashboard/devices/SmartPlugStyle.js

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

export const kwhStyle = {
  color: "white",
  fontSize: "1rem",
  position: "absolute",
  top: "50%",
  left: "50%",
  transform: "translateX(-50%)"
}

export const imageStyle = {
  width: "2rem",
  height: "auto",
  position: "absolute",
  top: "5%",
  left: "50%",
  transform: "translateX(-35%)",
  filter: "drop-shadow( 1px 1px 0.5px rgba(0, 0, 0, .25))"
};

export const nameStyle = {
  color: "black",
  position: "absolute",
  top: "30%",
  left: "50%",
  transform: "translateX(-50%)"
};