@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/merriweather/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}  
        table {
            width: 100%;
            border-collapse: collapse;
            text-align: center;
        }
        th, td {
            border: 1px solid #ccc;
            font-family: 'Playfair Display';
            padding: 10px;
        }
        th {
            background-color: #f4f4f4;
        }
        .temp { background-color: #fdbb2d; }
        .hot { background-color: #ff5733; color: white; }
        .cold { background-color: #85d7ea; }
        .rainy { background-color: #009fe3; color: white; }
        .sunny { background-color: #ffd700; }
        td:first-child { width: 150px; font-weight: bold; }
        td, th {
            font-size: var(--text-size, 16px);
            height: var(--text-height, 40px);
        }
        
        /* Responsive Design */
        @media screen and (max-width: 768px) {
            table {
                display: block;
                overflow-x: auto;
                white-space: nowrap;
            }
            td, th {
                padding: 8px;
                font-size: 14px;
            }
        }