.weather-card {
    border-radius: var(--app-radius);
    background: var(--bs-body-bg);
}

.weather-icon {
    font-size: 52px;
    margin: 15px 0;
}

.weather-temp {
    margin: 0px -16px 0px 0px;
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
    color: var(--theme-color);
}

@media (max-width: 768px) {
    .weather-temp {
        font-size: 48px;
    }

    .weather-icon {
        font-size: 42px;
    }
}