body {
  background-color: black;
  color: #999999;
}

.highcharts-figure .chart-container {
    width: 25%;
    height: 200px;
    float: left;
}
.highcharts-figure,
.highcharts-data-table table {
    width: 100%;
    margin: 0 auto;
}
.highcharts-credits{
diplay: none !important;
color: red !important;
}



h2, h3 {
color: white;
}

.center-container {
  display: flex;         /* Enables flexbox layout */
  flex-direction: column;
  justify-content: center; /* Centers content horizontally */
  align-items: center;   /* Centers content vertically */
  height: 100vh;         /* Sets the container height to 100% of the viewport height */
}


input {
font-size: 24px;
}

/* Optional: Style the form itself */
form {
  /* Add padding, background, max-width, etc., as needed */
  padding: 20px;
//  background-color: #f0f0f0;

  min-width: 200px;
//  width: 100%;
  /* Centers the form content if form elements are block-level */
  text-align: center;
}




@media (max-width: 600px) {
    .highcharts-figure,
    .highcharts-data-table table {
        width: 100%;
    }

    .highcharts-figure .chart-container {
        width: 50%;
//        float: none;
        margin: 0 auto;
    }
}

#container {
    height: 400px;
    min-width: 310px;
}

form {
  /* Add padding, background, max-width, etc., as needed */
  padding: 20px;
//  background-color: #f0f0f0;

  min-width: 200px;
 width: 100%;
  /* Centers the form content if form elements are block-level */
  text-align: center;
}
input{font-size: 36px; }