body {
  background-image: url(/imgInfinita/Sarajevofondo.png);
}

.imgReal {
  background-image: url(/imgInfinita/Sarajevofondocolor.jpg);
}

#articulo14{
  grid-area: 3 / 13 /41 /96;
  background-color: white;
  padding: 0.5vw;
  text-align: justify;
font-family: "Faustina";
font-style: italic;
font-size:0.75vw;
color: black;
text-indent: 0.5vw;
}

#articulo14{
  column-count: 5;
}

#articulo14 img{
  float: left;
  padding-right: 1vw;
  padding-bottom: 3.5vh;
  width: 100%;
  }


#articulo24:hover,
#articulo34:hover,
#articulo44:hover,
#articulo54:hover{
  filter:grayscale(100%);
}

#articulo24,
#articulo34,
#articulo44,
#articulo54{
  background-color: rgb(187, 171, 147);
  padding: 0.5vw;
font-family: "Faustina";
font-style: italic;
font-size:0.7rem;
color: black;
}

#articulo24 img,
#articulo34 img,
#articulo44 img,
#articulo54 img{
float:left ;
width: 80%;
margin-right: 1vw;
}

#articulo24{
  grid-area: 42 / 13 / 80/ 54;}

#articulo34{
  grid-area:42 / 55 /80 / 96;

}
#articulo44{
  grid-area: 81/ 13 / 108/ 54;
}

#articulo54{
  grid-area:81/ 55 / 108/ 96;
}

.cortina{
  background-color: rgb(196, 181, 150);
  font-size: 0.7vw;
  box-shadow: 2px 2px 3px black;
  padding: 0.5vw;
  animation-name: rodar;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes rodar{
  for {opacity: 0;}
  to{opacity: 1;}
}