/* Apply cy font to all elements */
* {
  font-family: "cy", Arial, sans-serif;
  box-sizing: border-box;
}

/* Body styles */
body {
  font-family: "cy", Arial, sans-serif;
  margin: 2em;
  background-color: #000000;
  color: #f3b35c;
}

/* Ensure all elements inherit the font */
input, button, table, th, td, a, h1, p {
  font-family: "cy", Arial, sans-serif;
}

/* Heading styles */
h1 {
  text-align: center;
  font-family: "cy", Arial, sans-serif;
  color: #f3b35c;
}

/* Table styles */
table {
  border-collapse: collapse;
  width: 60%;
  margin: 0 auto;
  text-align: center;
  font-family: "cy", Arial, sans-serif;
}

th, td {
  border: 1px solid #1f1f1f;
  padding: 8px;
  font-family: "cy", Arial, sans-serif;
}

th {
  background-color: #f3b35c;
}

.table-header {
  color: #1f1f1f;
}

/* Table link styles */
table a {
  color: #f3b35c;
  text-decoration: none;
  font-family: "cy", Arial, sans-serif;
}

table a:hover {
  text-decoration: underline;
}

/* Button container */
.button-container {
  text-align: center;
}

/* Button styles */
button {
  font-family: "cy", Arial, sans-serif;
  padding: 10px 20px;
  background-color: #f3b35c;
  color: #1f1f1f;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

button:hover {
  background-color: #e6a652;
}

/* Paragraph styles */
p {
  font-family: "cy", Arial, sans-serif;
  color: #f3b35c;
}

/* Response styling if needed */
#response {
  margin-top: 1em;
  font-weight: bold;
  font-family: "cy", Arial, sans-serif;
}