index.js styles

index.js

const styles = {
  header: {
    display: "flex",
    flexDirection: "row",
    width: "100vw",
    justifyContent: "flex-end",
    paddingRight: "10px",
    paddingTop: 10,
  },
  flex: {
    height: "100vh",
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
  },
  input: {
    height: 50, 
    width: 250, 
    borderTopLeftRadius: 5,
    borderBottomLeftRadius: 5,     
    border: "1px solid rgb(255, 224, 0)",
    borderRight: "none", 
    padding: 10
  },
  btn: {
    borderTopLeftRadius: 0,
    borderBottomLeftRadius: 0,
    borderTopRightRadius: 5,
    borderBottomRightRadius: 5,  
    outline: "none",
    border: "none", 
    background: "rgb(255, 224, 0)", 
    width: 150,
    height: "100%",
    cursor: "pointer"
  },
  flexRow: {
    display: "flex",
    flexDirection: "row",
  },
  sample: {
    marginTop: 40
  }
};