.weather{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 1.55em;
    line-height: 1;
    margin-right: 5px;
    vertical-align: middle;
    color:#522d6e;
    font-style: normal;
}

/*   Weather Condition ID Codes    */
   
/** Thunderstorm **/ 
i[class^="w2"]::before{
  content: "\f76c";
}

/** Drizzle **/

i[class^="w3"]::before{
  content: "\f738";
}

/** Rain **/

/* All rain except freezing */
i[class^="w50"]::before, i[class^="w52"]::before, i[class^="w53"]::before{
  content: "\f73d";
}

/* freezing rain */
i[class^="w511"]::before{
  content: "\f741";
}


/** Snow **/
i[class^="w6"]::before{
  content: "\f2dc";
}

/** Atmosphere **/
i[class^="w7"]::before{
  content: "\f75f";
}

/** Clear **/
i[class^="w800"]::before{
  content: "\f185";
}

/** Clouds **/

/* Partly cloudy */
i[class^="w801"]::before{
    content: "\f763";
}

i[class^="w802"]::before,i[class^="w803"]::before,i[class^="w804"]::before{
  content: "\f744";
}