.weather-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    line-height: 1;
}


.icon-clear {
    filter:
        drop-shadow(
            0 5px 8px
            rgba(238, 177, 57, 0.2)
        );
}


.icon-rain,
.icon-drizzle {
    filter:
        drop-shadow(
            0 5px 8px
            rgba(46, 123, 171, 0.18)
        );
}


.icon-clouds {
    filter:
        drop-shadow(
            0 5px 8px
            rgba(85, 107, 122, 0.15)
        );
}


.icon-thunderstorm {
    filter:
        drop-shadow(
            0 5px 8px
            rgba(90, 79, 135, 0.18)
        );
}


.icon-snow {
    filter:
        drop-shadow(
            0 5px 8px
            rgba(102, 172, 202, 0.18)
        );
}