/* weather */

#meteo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 80px;
}

#meteo img {
  width: 100%;
  height: 100%;
}

#meteo img#soleil {
  display: none;
  animation: sun 8s infinite linear;
}

#meteo img#pluie {
  display: none;
  animation: meh 2s infinite linear;
}

#meteo img#clair {
  display: none;
  animation: meh 2s infinite linear;
}

#meteo img#nuage {
  display: none;
  animation: meh 2s infinite linear;
}

#meteo img#neige {
  display: none;
  animation: meh 2s infinite linear;
} 

#meteo img#orage {
  display: none;
  animation: meh 2s infinite linear;
}

@keyframes sun {
  0% {
    rotate: 0deg;
  }
  50% {
    rotate: 180deg;
  }
  100% {
    rotate: 360deg;
  }
}

@keyframes meh {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}