/* styles.css */

/* General Page Styling */
body, html {
    background-color: #030303 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif;
    height: 100%; /* Ensure full-page height */
}

/* Ensure All Containers and Elements Do Not Override Background */
.container, .container-fluid, .card, .navbar, .row, .col {
    background-color: transparent !important;
    border: none; /* Remove borders if visible */
}

/* Override Bootstrap Defaults Globally */
[class^="bg-"], [class*=" bg-"] {
    background-color: transparent !important;
}

/* Button Styling (Overrides Bootstrap Defaults) */
button, .btn {
    background-color: #0052BD !important;
    color: #ffffff !important;
    border: none;
    transition: background-color 0.3s ease;
}

button:hover, .btn:hover {
    background-color: #2D86FF !important;
}

/* Ensure Bootstrap Elements Inherit Custom Colors */
.navbar, .card {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Remove Rounded Corners Globally */
* {
    border-radius: 0 !important;
}

/* Custom Styling for Centered Content */
.large-button {
    font-size: 2rem;
}

.large-icon {
    font-size: 2.5rem;
}

.large-number {
    font-size: 4rem;
    font-weight: bold;
}