
#weatherP {
  background-size: cover;
  color:white;
  font-family: 'Roboto';
  font-weight: 200;
}

.weatherDay {
  background-image: url(../gfx/bg_morning.jpg);
}

.weatherEvening {
  background-image: url(../gfx/bg_evening.jpg);
}

.cloudy_n {
  background-image: url(../gfx/cloudy_n.jpg);
}

.cloudy_d {
  background-image: url(../gfx/cloudy_d.jpg);
}

.clear_d {
  background-image: url(../gfx/clear_d.jpg);
}

.clear_n {
  background-image: url(../gfx/clear_n.jpg);
}

.foggy_d {
  background-image: url(../gfx/foggy_d.jpg);
}

.foggy_n {
  background-image: url(../gfx/foggy_n.jpg);
}

.rain_d {
  background-image: url(../gfx/rain_d.jpg);
}

.rain_n {
  background-image: url(../gfx/rain_n.jpg);
}

.snow_d {
  background-image: url(../gfx/snow_d.jpg);
}

.snow_n {
  background-image: url(../gfx/snow_n.jpg);
}

.storm_d {
  background-image: url(../gfx/storm_d.jpg);
}

.storm_n {
  background-image: url(../gfx/storm_n.jpg);
}




.glassy {
    background-color: rgba(31, 28, 23, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(2px);
}

.animTrans {
    -webkit-transition: all 1s linear;
    transition        : all 1s linear;
    -moz-transition   : all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition     : all 1s linear;
}

.normalWeight {

  font-weight:400;
}
