html, body {
    height: 100%; /* Ensure full height of the viewport */
    width: 100%; /* Ensure full width */
    margin: 0; /* Remove default margin */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background: url('bgr.jpeg') no-repeat center center fixed;
    background-size: cover;
    color: white;
}

.container {
    width: 50%; /* Adjust the container's width as needed */
    max-width: 1200px; /* Increase maximum width to make the container wider */
    padding: 20px; /* Add padding for better content spacing */
    background: rgba(0, 0, 0, 0.8);
    border-radius: 20px;
    border: 5px solid white; /* Thicker and more defined border */
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.4); /* Increase shadow for more depth */
    box-sizing: border-box;
}

.title {
    /* Styles for title */
}
.form {
    /* Styles for form */
}
.input-group {
    /* Styles for input group */
}
.label {
    /* Styles for label */
}
.input {
    /* Styles for input fields */
}
.button {
    /* Styles for button */
}
.event-details {
    /* Styles for event details */
}
body {
    overflow: hidden; /* Prevent overflow which may cause alignment issues */
}

/* If you have other specific elements you want to style, add them here. For example: */

.title {
    /* Styles for title (if needed) */
}

.event-details {
    /* Styles for event details (if needed) */
}

/* Ensure all text elements are clearly visible against the black background */
.label, .input, .button, p {
    color: white;
    /* Add other styling as needed */
}

/* You may want to style the input fields and button specifically to make them stand out */
.input, .button {
    /* Add styles for input fields and button */
}

/* Basic styling for the table */
table {
    width: 100%; /* Adjust as needed to control the size of the table */
    margin: 50 auto; /* Center the table horizontally */
    border-collapse: collapse;
    border: 1px solid white;
}

table, th, td {
    padding: 8px;
    text-align: center; /* Align text to the center */
    border: 1px solid white;
}

th, td {
    padding: 8px;
    text-align: left;
}

/* Responsive design */
.container {
    max-width: 100%; /* Maximum width for landscape orientation */
    margin: auto; /* Center the container */
}

/* Media query for portrait orientation */
@media screen and (orientation: portrait) {
    .container {
        max-width: 80%; /* Maximum width for portrait orientation */
    }
}

/* Styles for table data */
.logo-cell {
    color: #00A2E8; /* Text color */
	text-align: center; /* Center align text */
	border: 0px solid white;
	background-color: transparent;
    /* Add more styling as needed */
}

.text-cell {
    color: #00A2E8; /* Example text color */
    background-color: transparent;
    font-size: clamp(64px, 2vw, 64px); /* Minimum size 16px, responsive size 2vw, maximum size 24px */
    font-weight: normal; /* Font weight */
    font-family: 'Arial', sans-serif; /* Font family */
    text-align: center; /* Center align text */
    margin: 5px 10px 40px 10px; /* Margin top and bottom */
    /* Additional styling as needed */
    border: 0px solid white;
}

.table-header{
    border: 0px solid white;
}

/* Styles for the title and image */
.title {
    text-align: center;
    /* Additional styling as needed */
}

.event-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
    width: 80%; /* Adjust as needed */
}
/* Styles for table headers */
th {
    background-color: white; /* White background */
    color: black;           /* White text */
    font-size: 20px;        /* Font size 20 */
    font-weight: bold;      /* Bold font weight */
    font-family: Arial, sans-serif; /* Arial font */
	text-align: center; /* Center align text */
}

/* Styles for table data */
td {
    background-color: #000000; /* Example background color */
    color: white; /* Text color */
	text-align: center; /* Center align text */
    /* Add more styling as needed */
}

h3 {
    color: #00A2E8; /* Example text color */
    font-size: clamp(64px, 2vw, 64px); /* Minimum size 16px, responsive size 2vw, maximum size 24px */
    font-weight: normal; /* Font weight */
    font-family: 'Arial', sans-serif; /* Font family */
    text-align: center; /* Center align text */
    margin: 5px 10px 40px 10px; /* Margin top and bottom */
    /* Additional styling as needed */
}

/* Style for 'Position' header in the table */
.position-header {
    width: 1%;     /* Minimize the width */
    white-space: nowrap; /* Prevent text wrapping */
}

/* Style for 'Position' header in the table */
.position-header {
    width: 1%;     /* Minimize the width */
    white-space: nowrap; /* Prevent text wrapping */
}