body {
    font-family: Arial, sans-serif;
    margin: 0 20px 0 0;
    /* margin-top, margin-right, margin-bottom, margin-left */
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-layout {
    padding-right: 20px;
    margin-right: 20px;
    display: flex;
}

.dashboard {
    width: 100%;
    max-width: 1600px;
    margin: 5px auto;
    display: flex;
    flex-direction: column;
    /* Makes children (iframes) stack vertically */
}

.dashboard iframe {
    width: 100%;
    /* Makes iframes take full width of the dashboard container */
    margin-bottom: 20px;
    /* Adds space between iframes */
}

.row {
    display: flex;
    justify-content: space-between;
}

.row iframe {
    width: 49%;
    /* Takes up almost half the width each, adjusting for margin/padding */
    height: 300px;
    /* Adjust the height as needed */
    margin-bottom: 0;
    /* Override if needed, based on your layout */
}

.weather-stats-container {
    display: flex;
    flex-direction: column;
    /* border: 1px solid #0c20d3;
    border-radius: 5px; */
    margin-top: 5%;
    width: fit-content;
}

.weather-stats-container h3 {
    margin: 5px;
}

.weather-stats-iframe {
    width: 100%;
    height: 485px;
    overflow: auto;
    scrollbar-width: none;
}

.quote-container {
    margin-top: 20px;
    text-align: center;
    font-style: italic;
}

.announcement {
    text-align: center;
    color: chocolate;
}