.weather-hero {
    background: radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 55%), linear-gradient(160deg,#3b82f6 0%, #6366f1 55%, #8b5cf6 100%);
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(17,24,39,.2);
}

.weather-emoji {
    font-size: 64px;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.25));
    animation: bob 3.2s ease-in-out infinite;
}

@@keyframes bob {
    0%, 100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

#meteoTabs .nav-link {
    background: rgba(255,255,255,.15);
    color: #fff;
    border-radius: .75rem;
}

    #meteoTabs .nav-link.active {
        background: #fff;
        color: #111827;
        font-weight: 600;
    }

.weather-pane {
    display: none;
    border-radius: .75rem;
    padding: .5rem .75rem;
    background: rgba(255,255,255,.1);
}

    .weather-pane.show {
        display: block;
    }