.weather-table {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 1;
            background: rgba(21, 21, 39, 0.116);
            border-radius: 0px;
            overflow: hidden;
            position: relative;
            z-index: 5; /* Sits on top of card-content */
            padding: 0.5em;
}

.weather-table th {
    text-align: left;
    vertical-align: top;
    padding: 0.1em;
}

.weather-table td {
    
    vertical-align: top;
    padding: 0.1em;
}


.wthtxt-tiny {
font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-size: 0.8rem; 

}

.wthtxt-reg {
    font-family: "Special Elite", system-ui;
    font-weight: 400;
    font-size: 1rem;  
}

.wthtxt-bld {
    font-family: "Special Elite", system-ui;
    font-weight: 600;
    font-size: 1.2rem;
}

.wth-clm-left {
    width: 20%;
}

.wth-clm-right {
    width: 80%
}




@media (max-width: 768px) {


  .wthtxt-tiny {
    font-size: 0.6rem; 
}
.wthtxt-bld {
    font-size: 0.8rem;
}
.wthtxt-reg {
    font-size: 0.8rem;
}
}