body { 
  background-image: url('cedar.png'); 
  background-repeat: repeat; 
  color: white;
}


.center { text-align: center;}

.red {
  color: #da190b;
}

.blue-button {
  background-color: #110066; /* logo shade of blue */
  color: white; /* White text for contrast */
  padding: 15px 32px; /* Adjust padding as needed */
  border: none; /* Remove default button border */
  border-radius: 8px; /* Rounded corners */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer; /* Change cursor to pointer on hover */
}

/* Optional: Hover effect */
.blue-button:hover {
  background-color: #001e38; /* Slightly darker blue on hover */
}

.red-button {
  background-color: #f44336; /* A common shade of red */
  color: white; /* White text for contrast */
  padding: 15px 32px; /* Adjust padding as needed */
  border: none; /* Remove default button border */
  border-radius: 8px; /* Rounded corners */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer; /* Change cursor to pointer on hover */
}

/* Optional: Hover effect */
.red-button:hover {
  background-color: #da190b; /* Slightly darker red on hover */
}

.red-border {
  /*background-color: #f44336; /* A common shade of red */
  color: white; /* White text for contrast */
  padding: 5px 10px; /* Adjust padding as needed */
  border: 2px solid red;
  border-radius: 8px; /* Rounded corners */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}