body {
    background-color: #FAC671;
    color: #ffffff;
    height: 100%;
}

a {
    color: #ffffff;
}

a:hover {
    color: #87cefa; /* Light blue */
}

.container {
    background-color: #ffffff;
    color: #000000;
    padding: 20px;
}

button {
    background-color: #87cefa; /* Light blue */
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
}

button:hover {
    background-color: #6495ed; /* Darker shade of light blue */
}

h1, h2, h3 {
    color: #ffffff;
}

p {
    color: #ffffff;
}

/*Bootstrap Layout Styles*/
.container {
    background-color: #FAC671;
}
.footer {
    background-color: #FAC671;
    width: 100%;
    padding: 20px 0;
    bottom: 0;
}
#tableDisplay, #globalTableDisplay {
    border: 1px solid black; /* Add a border around the row */
    padding: 10px; /* Add some padding for spacing */
    border-radius: 10px; /* Apply rounded corners to make it look like a square */
    width: fit-content; /* Adjust the width based on the content */
    margin: 0 auto; /* Center the row horizontally */
}