.weather-and-extra-info {
    margin-top: 0;
    gap: 3em;
}

.weather-and-extra-info .right-column{
    flex: 1.3;
}

.weather-graph-container {
    font-family: var(--text-font);
    margin-top: 1em;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.weather-graph-title {
    text-align: center;
    font-size: 1.6rem; 
    line-height: 1;
    padding: 0;
    margin: 0;
    gap: 0;
}

.weather-graph-subtitle {
    text-align: center;
    margin: 0;
    color: var(--secondary-color);
}

.weather-graph-subsubtitle {
    text-align: center;
    font-size: 0.85rem; /* Smaller font size for subsubtitle */
    font-weight: 400; /* Regular weight */
    color: #b6b6b64c; /* Slightly lighter text color */
    font-style: italic; /* Italicized for emphasis */
}

.weather-graph {
    width: 100%;
    max-height: 250px;
    flex: 1;
    opacity:1;
}