/* Global Styles */
body {
    font-family: Arial, sans-serif;
    color: #333; /* Darker text for better contrast */
    background-color: #f8f8f8dd; /* Light gray background */
    margin: 0;
    padding: 0;
    text-align: center; /* Centering header and footer content */
}

/* Header Styles */
header {
    background-color: #404040; /* Darker gray for modern look */
    color: white;
    padding: 20px 0;
}

/* Main Content Styles */
main {
    width: 40%; /* Main content width */
    margin: 0 auto; /* Centering main content */
    padding: 20px;
    background-color: #f8f8f8dd; /* White background for content area */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Adding subtle shadow for depth */
    text-align: left; /* Aligning text to the left within the centered main area */
}

.rules h2 {
    color: #404040; /* Darker gray for headings */
}

.rules p {
    color: #595959; /* Slightly lighter gray for text */
}

/* Footer Styles */
footer {
    background-color: #404040; /* Consistent with header */
    color: white;
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* Responsive Design */
@media (max-width: 600px) {
    main {
        width: 80%; /* Slightly wider main content on smaller screens */
    }
}