/* Centered Container */
.container {
    max-width: 800px; /* Adjust based on your design preference */
    margin: 0 auto;   /* Centers the container */
    padding: 20px;    /* Adds padding around the content */
}

/* Update the body to include the container */
body {
    font-family: 'Arial', sans-serif;
    background-color: #000;
    color: #D4AF37;
    text-align: center;
    padding: 10px;
}

.contact-info {
    margin: 20px 0;
    background-color: rgba(0, 0, 0, 0.5); /* Optional background color */
    padding: 10px; /* Add padding */
    border-radius: 8px; /* Optional rounded corners */
}

.contact-info a {
    color: #FFFFFF; /* Change to white for better contrast */
    text-decoration: none;
    font-weight: bold; /* Make the link bold */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); /* Optional shadow */
}

.contact-info a:hover {
    color: #D4AF37; /* Change to gold on hover */
    text-decoration: underline; /* Underline on hover */
}


/* New styles for sections */
.header, .contact-info, .payment-section, .footer {
    margin: 20px 0;
    padding: 20px; /* Added padding for better spacing */
    background-color: rgba(0, 0, 0, 0.8); /* Optional: Add a background to sections */
}

/* Optional: Add border radius for sections */
.header, .contact-info, .payment-section, .footer {
    border-radius: 8px; /* Rounded corners */
}