eather-icon {
            font-size: 24px;
            margin: -2px 0;
        }

        .weather-desc {
            font-size: 11px;
            margin: -2px 0;
        }

        .weather-details {
            display: flex;
            justify-content: space-around;
            margin-top: 2px;
            font-size: 12px;
            width: 100%;
            gap: 4px;
        }

        .weather-details i {
            font-size: 12px;
            height: 12px;
            line-height: 1;
        }

  