import { StyleSheet } from "react-native";

export default StyleSheet.create({
  mainContainer: {
    flex: 1,
    backgroundColor: "hsl(221, 39%, 11%)",
  },
  header: {
    height: 135,
    backgroundColor: "hsl(221, 39%, 12%)",
    alignItems: "center",
    justifyContent: "center",
    shadowColor: "#000",
    shadowOffset: {
      width: 0,
      height: 2,
    },
    shadowOpacity: 0.25,
    shadowRadius: 3.84,
    elevation: 5,
  },
  title: {
    color: "white",
    fontSize: 38,
    fontWeight: "bold",
    marginTop: "auto",
    marginBottom: 15,
  },
  categoryLabel: {
    color: "white",
    fontSize: 14,
    fontWeight: "bold",
  },
  logo: {
    width: 50,
    height: 45,
    marginTop: "auto",
    marginBottom: 15,
    resizeMode: "contain",
    backgroundColor: "red",
    padding: 5,
    borderRadius: 10,
    marginLeft: 10,
  },
});