/* General body styling */
body {
    margin: 6px; /* Default margin around the body */
    font-family: sans-serif; /* A common default font family */
    color: #330; /* A dark grey text color */
    flex-grow: 1;
}

/* Headings */
h1 {
    font-size: 2.5em; /* Twice the base font size */
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    font-weight: bold;
}

h2 {
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    font-weight: bold;
}

/* Paragraphs */
p {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Links */
a {
    color: #000000; /* Default blue for links */
    text-decoration: underline; /* Underlined by default */
}

a:visited {
    color: #000000; /* Default purple for visited links */
}

a:hover {
    text-decoration: none; /* Often no underline on hover */
}

.black-button {
  background-color: #000; /* Black background */
  color: #fff; /* White text */
  padding: 10px 20px; /* Adjust padding as needed */
  border: none; /* Remove default border */
  cursor: pointer; /* Indicate it's clickable */
  font-size: 12px; /* Adjust font size as needed */
  border-radius: 0px; /* Optional: Add rounded corners */
}

/* Optional: Add hover effect */
.black-button:hover {
  background-color: #330; /* Slightly lighter black on hover */
}

/* Lists */
ul {
    list-style-type: disc; /* Default bullet style */
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
}

ol {
    list-style-type: decimal; /* Default numbered style */
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
}

/* Images */
img {
    border: none; /* No border by default */
}

/* Forms */
input, button, select, textarea {
    font-family: inherit; /* Inherit font from parent */
    font-size: 100%; /* Default size */
    margin: 0; /* No default margin */
}