styles.css

body,
html {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background: #f4f4f4; /* Optional: added a light background */
}

.container {
    display: flex; /* Using flex to center children */
    flex-direction: column; /* Stack children vertically */
    align-items: center; /* Center children horizontally */
    justify-content: center; /* Center children vertically */
    min-height: 100vh; /* Minimum height of viewport */
    width: 80%; /* Adjust width as needed */
    margin: 0 auto; /* Centering container */
    padding: 20px; /* Adding some padding around the container */
}

.title {
    margin-bottom: 10px; /* Adjusted for spacing between title and byline */
}

.byline {
    margin-bottom: 30px; /* Spacing between byline and progress bars */
    font-size: 0.9em; /* Adjust font size as needed */
    color: #333; /* Adjust text color as needed */
}

.byline a {
    color: #0066cc; /* Adjust link color as needed */
    text-decoration: none; /* No underline */
}

.byline a:hover {
    text-decoration: underline; /* Underline on hover */
}

.progress-bars {
    width: 100%; /* Full width of the container */
}

.progress-bar {
    width: 60%; /* Adjust width of progress bars */
    margin: 20px auto; /* Adding a 10px margin around each progress bar */
}

progress {
    width: 100%; /* Full width of the progress-bar container */
    height: 20px; /* Adjust height as needed */
}

label {
    display: block;
    margin-bottom: 5px;
    text-align: left; /* Align text to the left */
}

#totalMiningContainer {
    margin-bottom: 40px; /* Adjust the size of the gap as needed */
}
.elegant-link {
    color: #0077cc; /* A nice shade of blue for the text */
    text-decoration: none; /* Removes the underline from links */
    transition: color 0.3s ease; /* Smooth color transition on hover */
}

.elegant-link:hover,
.elegant-link:focus {
    color: #005699; /* A darker shade of blue for the text on hover/focus */
    text-decoration: underline; /* Adds underline on hover/focus for better accessibility */
}