export const editButtonStyle = {
  position : "absolute",
  top: "0",
  right : "0",
  backgroundColor : "#3e99ff",
  borderRadius : "0 0 0 20px",
  padding : ".4rem 1.2rem",
  outline : "none",
  color : "white",
  fontFamily : "Lato",
  textTransform : "uppercase"
};

export const panelStyle = {
  backgroundColor: "#fafafa",
  height: "100%",
  width: "auto",
  padding: "3rem",
};

export const editModeStyle = {
  position : "absolute",
  top: "15%",
  right: "0",
  width : "1.5rem",
  height : "1.5rem",
  backgroundColor : "black",
  borderRadius: "100%",
  zIndex : "100"
};

export const editModeIconStyle = {
  position : "absolute",
  top: "50%",
  left: "50%",
  transform : "translate(-50%, -50%)",
  width: "0.75rem",
  height : "0.75rem",
  borderRadius : "20%",
  zIndex : "101"
}