/* IE8 Compatible Minimalist Styles */

body {
  margin: 0;
  padding: 0;
  /* Hex colors only, since IE8 doesn't know what a variable is! */
  background-color: #2e1a47; 
  color: #f4f4f9;
  font-family: Arial, sans-serif; /* Fallback to safe fonts */
  text-align: center; /* The classic way to center text and inline elements */
}

p{
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 10px;
  padding-bottom: 10px;
}

td{
  padding-right: 5px;
  padding-left: 5px;
}

/* We use a wrapper because IE8 needs a little extra help staying centered */
.ie8-wrapper {
  width: 100%;
  display: table; /* Acts like a sturdy table to hold our content */
  height: 600px; /* Or use min-height if you have a shim */
}

.ie8-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.container {
  width: 600px; /* Fixed width works best for older browsers */
  margin: 0 auto; /* This centers the block itself */
  text-align: left; /* Optional: keeps text readable inside the centered block */
}

h1, h2, h3, a {
  color: #ff8c00; /* Pure orange accent */
}

/* IE8 doesn't support border-radius, so it will be a classic rectangle! */
.button {
  display: block;
  width: 200px;
  margin: 20px auto;
  background-color: #ff8c00;
  color: #2e1a47;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
}

/* IE8 opacity fallback */
.footer {
  margin-top: 20px;
  filter: alpha(opacity=70); /* The special IE8 'filter' recipe! */
}