body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-size: 5rem;
}

.container {
    display: flex;
    flex-direction: column; /* Place containers vertically */
    align-items: center;
}


select, label[for="interval"], label[for="timezone"], label[for="market"], label[for="watchlist"]  {
    font-size: 1rem; /* Set the font size to be the same for both label and select */
}

/* Add CSS rules to style the resizable textarea */
textarea {
    resize: vertical; /* Allow vertical resizing */
    min-height: 1em; /* Minimum height */
    max-height: 10em; /* Maximum height */
    overflow-y: scroll; /* Add a vertical scrollbar if content overflows */
}