html, body {
  height: 100%;
}

body {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#imagen {
  height: 100vh;
}

.st0 {
  fill: #F4B819;
}

.st1 {
  fill: #191133;
}

.st2 {
  fill: #724F00;
}

.st3 {
  fill: #302100;
  cursor: pointer;
}

.st4 {
  fill: #0049BF;
}

.st5 {
  fill: #A50000;
}

.st6 {
  fill: #280000;
}

.st8 {
  fill: #5B5656;
}

.st9 {
  fill: #563D3D;
}

.st10 {
  fill: #6B5A5A;
}

.oculto {
  display: none;
}

.activo {
  display: block;
}

#caballo, #caballo2 {
  cursor: pointer;
}

#caballo2, #lluvia {
  display: none;
}

.fondo1 {
  opacity: 0%;
  transition: .5s ease-in-out;
}

.fondo2 {
  opacity: 100%;
  transition: .5s ease-in-out;
}

.opacidad1 {
  opacity: 100%;
  transition: .5s ease-in-out;
}

.opacidad2 {
  opacity: 0;
  transition: .5s ease-in-out;
}
/*# sourceMappingURL=estilos.css.map */