.message {font-weight: 600; color: blue;}
.navbar {background-color: lightslategray;
    font-size: 1em;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: white;
    padding: 8px 5px 8px 5px;}

.navbar a {text-decoration: none;color: inherit;}

.navbar-brand {font-size: 1.8em;font-weight: 600;}

.navbar-item {font-variant: small-caps;margin-left: 30px;font-size: 1.4em; padding: 6px 8px;}

h1{color:blue; font-size: 32px;}

.body-content {padding: 6px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}

/* Increase input field size */
.form-group input[type="email"] {
    font-size: 1.8em; /* Increase font size */
    padding: 8px; /* Increase padding for better touch experience */
    width: 100%; /* Make it responsive */
    max-width: 600px; /* Prevent it from becoming too wide on large screens */    
}

/* Increase submit button size */
.btn-secondary {
    font-size: 2.4em; /* Larger text */
    padding: 8px 20px; /* Larger button */
    width: 100%;
    max-width: 600px; /* Keep it reasonable on large screens */
    }

/* Increase returned text size */
.container p {
    font-size: 1.8em;
    line-height: 1.5; /* Improve readability */
    text-align: left;
}
label {
    font-size: 1.2em; /* Adjust as needed to match h3 */
    font-weight: bold; /* Makes labels stand out */
    display: block; /* Ensures labels appear above inputs */
    margin-bottom: 3px; /* Adds some spacing */
}
.form-group input[type="password"] {
    font-size: 1.8em; /* Matches email field */
    padding: 8px; /* Improves touch experience */
    width: 100%; /* Makes it responsive */
    max-width: 600px; /* Prevents excessive width */
}
select {
    font-size: 1.6em; /* Increases text size */
    padding: 6px; /* Increases clickable area */
    height: auto;  /* Adjusts dynamically */
    min-height: 60px; /* Ensures enough space */    
    width: 100%; /* Ensures responsiveness */
    max-width: 600px; /* Prevents excessive width */
    height: 45px; /* Doubles the height */
}

.confirmation-content {
    font-size: 1.8em; /* Adjust size as needed */
}

.submit-link {
    font-size: 1.8em; /* Increase as needed */
    font-weight: bold;
}

.form-group input[type="text"] {
    font-size: 1.8em; /* Increase font size */
    padding: 8px; /* Improve touch experience */
    width: 100%; /* Make responsive */
    max-width: 600px; /* Keep a reasonable width */
}
.form-control {
    font-size: 1.8em;  /* Large text */
    padding: 10px;  /* Comfortable touch area */
    width: 100%;
    max-width: 600px; /* Limit width */
}

.btn-secondary {
    font-size: 2em; /* Large button */
    padding: 12px; /* Larger click area */
    width: 100%;
    max-width: 600px;
}

select {
    font-size: 1.8em;
    padding: 10px;
    width: 100%;
    max-width: 600px;
    height: 50px;
}
.chart-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  height: 600px;
}