.weatherForecastingTable {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tableData {
    border-collapse: collapse;
    border:1px solid blue;
}

caption {  
    font-size: 2.25em;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
    color: darkblue;
    font-family:'Times New Roman', Times, serif;
}

th {
    color: darkblue;
    overflow-wrap: break-word;
}

table td {
    border: 1px solid blue;
}

@media (min-width: 1200px) {
    body {
        background-image: url(../Images/sunrise.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    table {
        table-layout: fixed;
        width: 50%;
        background-color: hsla(200, 100%, 50%, 0.25); 
        font-size: 1.25em;
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    }
}

@media (min-width: 800px) and (max-width: 1199px) {
    body {
        background-image: url(../sunrise.jpg);
        background-repeat: no-repeat;
    }

    table {
        table-layout: fixed;
        width: 90%;
        background-color: hsla(200, 100%, 50%, 0.25); 
        font-size: 0.9em;
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    }
}

@media (max-width: 799px) {
    body {
        background-image: url(../sunrise.jpg);
        background-repeat: no-repeat;
    }

    table {
        table-layout: fixed;
        width: 90%;
        background-color: hsla(200, 100%, 50%, 0.25); 
        font-size: 0.6em;
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    }
}